.content_1 {position: relative; width:100%; max-height: 705px; z-index: 2} .content_1_0_1 {position: absolute; width:100%; height: 100%; z-index: 2} .content_1_0_2 {display: none; position: absolute; width:100%; height: 100%; z-index: 2} .content_1_0_3 {display: none; position: absolute; width:100%; height: 100%; z-index: 2} .content_1_0_grid {position: absolute; width:100%; height: 100%; z-index: 3; background: url(../_all/top_grid.png)} /*main spot*/ .main_spot_5 { overflow: hidden; position: absolute; width: 50px; height: 340px; margin-left: 14px; z-index: 110} .main_spot_6 { overflow: hidden; position: absolute; width: 50px; height: 340px; margin-left: calc(100% - 65px); z-index: 110} .extra_arrow_left { overflow: hidden; position: absolute; width: 50px; height: 177px; margin-top: 170px; z-index: 109; cursor: pointer; background: url(../_all/main_spot_arrow_l.png); opacity: 0.0} .extra_arrow_right { overflow: hidden; position: absolute; width: 50px; height: 177px; margin-top: 170px; z-index: 109; cursor: pointer; background: url(../_all/main_spot_arrow_r.png); opacity: 0.0} .content_1_1_2 {position: relative; width: 100%; max-height: 557px; z-index: 5} .content_1_1_2_1 {position: relative; max-width: 1055px; max-height: 557px; margin-left: 10px; z-index: 6} .content_1_1_2_1_loader {display: none; position: absolute; width: 100px; height: 20px; left: calc(50% - 50px); top:calc(50% - 50px); z-index: 6} .content_1_1_2_2 {overflow: hidden; position: absolute; width: 520px; height: 557px; right: 15px; top: 0px; z-index: 6} .content_1_1_2_2_1 {position: absolute; width: calc(100% - 5px); height: 100%; top: 0px; z-index: 7; background: url(../_panel_00/bg_clear.png)} .content_1_1_2_2_1_1 {position: absolute; width: 100%; height: 100%; top: 0px; z-index: 9; background: url(../_panel_01/bg_1.png)} .content_1_1_2_2_1_2 {display: none; overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; z-index: 9; background: url(../_panel_01/bg.png)} .content_1_1_2_2_1_2_1_bl {position: absolute; width: 490px; height: 439px; left:20px; top: 110px; z-index: 60; background: url(../_panel_01/blenda.png)} .content_1_1_2_2_1_a {position: relative; width: 105px; height:43px; margin-left:auto; margin-right: auto; margin-top: 19px; z-index: 4; text-align: center; background: url(../_panel_01/bg_arrow.png)} .content_1_1_2_2_1_b {overflow: hidden; position: relative; float: right; width: calc(100% - 16px); height:473px; margin-right: 3px; margin-top: 10px; z-index: 4} .content_1_1_2_2_1_c {overflow: hidden; position: relative; float: right; max-width: 100%; max-height: 158px} .content_1_1_2_2_1_2_1_1 {position: absolute; width: 36px; height:36px; left:18px; top: 65px; z-index: 4; cursor: pointer; background: url(../_panel_01/arrow_left.png)} .content_1_1_2_2_1_2_1_1a {position: absolute; width: 36px; height:36px; left:18px; top: 65px; z-index: 4; background: url(../_panel_01/arrow_left_disabled.png)} .content_1_1_2_2_1_2_1_2_0 {position: absolute; width: calc(100% - 18px); height:47px; left:13px; top: 5px; z-index: 4; cursor: pointer} .content_1_1_2_2_1_2_1_2 {position: absolute; width: 413px; height:36px; left:55px; top: 78px; z-index: 4; text-align: center} .content_1_1_2_2_1_2_1_3 {position: absolute; width: 36px; height:36px; right:10px; top: 65px; z-index: 40; cursor: pointer; background: url(../_panel_01/arrow_right.png)} .content_1_1_2_2_1_2_1_3a {position: absolute; width: 36px; height:36px; right:10px; top: 65px; z-index: 40; background: url(../_panel_01/arrow_right_disabled.png)} .content_1_1_2_2_1_2_1_4 {position: absolute; width: 483px; height:390px; left: 25px; top: 133px; z-index: 40} .content_1_1_2_2_1_2_1_4_0 {position: relative; float: left; width: 483px; height:30px; padding-top:10px; z-index: 40; cursor: pointer} .content_1_1_2_2_1_2_1_4_1 {position: relative; float: left; width: 30px; height:30px; text-align: center; z-index: 40} .content_1_1_2_2_1_2_1_4_2 {position: relative; float: left; width: 322px; height:30px; padding-left:5px; padding-right:5px; text-align: left; z-index: 40} .content_1_1_2_2_1_2_1_4_3 {position: relative; float: left; width: 81px; height:30px; padding-left: 10px; text-align: center; z-index: 40} .content_1_1_2_2_1_2_1_4_4 {position: relative; float: left; width: 30px; height:30px; z-index: 40} .content_1_1_2_3_blenda_b {position: absolute; width: 10px; height: 550px; right: 0px; top: 0px; z-index: 8; background: url(../_panel_01/blenda_b.png)} .bo_extra_photo {max-width: 100%; height: auto; min-height: 158px; opacity: 0.001} .extra_photo {width: 100%; height: auto} .extra_photo_div {position: absolute; width: calc(100% - 22px); min-height: 117px; margin-left: 10px; margin-top: 5px; z-index: 10} #extra_photo_1 {display: none} #extra_photo_2 {display: none} #extra_photo_3 {display: none} .main_spot_1_1_mf { overflow: hidden; position: absolute; width: 120px; height: 31px; right: 5px; top: 10px; background: url(../_extra/mf.png); z-index: 104} .main_spot_1_1_tun { overflow: hidden; position: absolute; width: 120px; height: 31px; right: 4px; top: 2px; background: url(../_extra/tun.png); z-index: 104} .main_spot_1_1_pv { overflow: hidden; position: absolute; width: 120px; height: 31px; right: 5px; top: 5px; z-index: 104} .main_spot_1_1_pv_p { overflow: hidden; position: relative; float: right; width: 26px; height: 26px; margin-left: 4px; background: url(../_all/spot_photo_icon.png); z-index: 105} .main_spot_1_1_pv_v { overflow: hidden; position: relative; float: right; width: 26px; height: 26px; margin-left: 4px; background: url(../_all/spot_video_icon.png); z-index: 105} .main_spot_2 { overflow: hidden; position: absolute; width: 100% ; height: 117px; bottom: 0px; background-color: rgba(00,00,00,0.7); z-index: 105} .main_spot_3 { overflow: hidden; position: absolute; width: calc(100% - 40px); height: 36px; left: 20px; bottom: 70px; z-index: 106} .main_spot_4 { overflow: hidden; position: absolute; width: calc(100% - 40px); min-height: 45px; left: 20px; bottom: 14px; text-align: justify; z-index: 106} .content_2 {position: relative; width:100%; margin-top:35px; z-index: 2; background: #ffffff} .content_2_1 {clear: both; position: relative; max-width: 1600px; margin-left:auto; margin-right: auto; z-index: 4} .content_2_1_1 {position: relative; width: calc(100% - 34px); margin-left:14px; margin-right: 20px; z-index: 4} .content_2_1_1_0 {display: none; position: relative; float: right; width: 100%; height:42px; margin-bottom: 32px; z-index: 4; background: url(../_panel_02/bg_3.png); background-repeat: repeat-x} .content_2_1_1_0_1 {position: relative; float: left; width: calc(100% - 58px); height:31px; padding-top: 11px; padding-left: 20px; z-index: 4; background: url(../_panel_02/bg_1.png); background-position: left; background-repeat: no-repeat} .content_2_1_1_0_2 {position: relative; float: right; width: 30px; height:41px; padding-top: 1px; z-index: 4; background: url(../_panel_02/menu_button.png); background-repeat: no-repeat; cursor: pointer} .content_2_1_1_0_3 {display: none; position: absolute; width: 100%; height:195px; top:41px; z-index: 10; background: url(../_panel_02/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_2_1_1_0_3_1 {position: absolute; width: 41px; height:41px; left: 11px; bottom:0px; z-index: 11; background: url(../_panel_02/sub_menu_close.png); background-repeat: no-repeat; cursor: pointer} .content_2_1_1_0_3_2 {position: absolute; width: 321px; height:195px; right: 0px; top:0px; z-index: 11} .content_2_1_1_0_3_2_1 {position: relative; float: left; width: 40px; height:39px; z-index: 4; cursor: pointer} .content_2_1_1_0_3_2_2 {position: relative; float: left; width: 120px; height:28px; padding-top: 11px; z-index: 4; cursor: pointer} .content_2_1_1_0_3_2_3 {position: relative; float: left; width: 47px; height:28px; padding-top: 11px; padding-left: 73px; z-index: 4; cursor: pointer} .content_2_1_1_1 {position: relative; float: left; width: 354px; height:452px; z-index: 4; background: url(../_panel_02/bg.png); background-position: right; background-repeat: repeat-x} .rodo_1 {background: url(../_panel_02/bg_rodo.png); background-position: right; background-repeat: repeat-x} .content_2_1_1_1_1 {position: relative; float: left; width: 90%; height:31px; padding-top: 11px; padding-left: 20px; z-index: 4; background: url(../_panel_02/bg_1.png); background-position: left; background-repeat: no-repeat} .content_2_1_1_1_2 {position: relative; float: left; width: 40px; height:411px; z-index: 4; background: url(../_panel_02/bg_2.png); background-repeat: no-repeat} .rodo_2 {background: url(../_panel_02/bg_2_rodo.png); background-repeat: no-repeat} .content_2_1_1_1_2_1 {position: relative; float: left; width: 40px; height:39px; z-index: 4; cursor: pointer} .content_2_1_1_1_3 {position: relative; float: left; width: calc(100% - 79px); height:28px; padding-top: 11px; z-index: 4; cursor: pointer} .content_2_1_1_1_4 {position: relative; float: left; width: calc(100% - 79px); height:28px; padding-top: 11px; z-index: 4; cursor: pointer} .content_2_1_1_2 {overflow: hidden; position: relative; float: right; width: 1212px; height:452px; z-index: 4} .content_2_1_1_2_blenda {overflow: hidden; position: absolute; width: 1212px; height:452px; right: 0px; background: #ffffff; z-index: 10} .content_2_1_1_2_blenda_l {position: relative; width: 84px; height:18px; margin-left: auto; margin-right: auto; margin-top:150px; z-index: 10} .content_2_1_1_2_1 {position: relative; float: left; width: 303px; height:226px; z-index: 4} .content_2_1_1_2_1_1 {overflow: hidden; position: relative; float: right; width: calc(100% - 11px); height:145px; margin-top: 2px; z-index: 4} .content_2_1_1_2_1_2 {position: relative; float: right; width: calc(100% - 31px); height:30px; padding: 8px 10px 5px 10px; z-index: 4} .content_2_1_1_2_1_3 {position: absolute; height:22px; right: 0px; padding-left: 9px; padding-right: 4px; background: #ffffff; text-align: right; z-index: 10} .content_2_1_1_2_1_photo {width: 100%; height: 145px} .content_2_1_1_2_1_photo_big {display:none; max-width: 100%; height: auto} .content_2_1_1_3 {position: relative; float: right; width: 235px; height:43px; margin-top:10px; z-index: 4; opacity: 0.01} .content_2_1_1_3_m {position: relative; float: right; width: 64px; height:43px; margin-left: 15px; z-index: 4; background: url(../_panel_02/more_bt.png); background-repeat: no-repeat; cursor: pointer;} .content_2_1_1_3_1 {position: relative; float: left; width: 43px; height:32px; margin-right: 9px; padding-top: 11px; text-align: center; z-index: 4; background: #f2f2f3; cursor: pointer;} .content_3 {position: relative; float: left; width:100%; min-height:262px; margin-top: 20px; z-index: 2; background: #f2f2f3} .content_3_1 {clear: both; position: relative; max-width: 1600px; margin-left:auto; margin-right: auto; margin-top: 25px; z-index: 4} .content_3_1_1 {position: relative; width: calc(100% - 34px); margin-left:14px; margin-right: 20px; z-index: 4} .content_3_1_1_1 {position: relative; float: left; width: 254px; height:220px; z-index: 4; background: url(../_panel_03/bg.png); background-position: right; background-repeat: repeat-x} .content_3_1_1_1_2 {position: relative; float: left; width: 40px; height:175px; z-index: 4; background: url(../_panel_03/bg_2.png); background-repeat: no-repeat} .content_3_1_1_2 {overflow: hidden; position: relative; float: right; width: calc(100% - 254px); height:191px; z-index: 4} .content_3_1_1_2_1 {position: absolute; max-width: 15000px; height: 191px; left: 0px; z-index: 4} .content_3_1_1_2_1_1 {position: relative; float: left; width: 132px; height: 191px; margin-right: 24px; margin-bottom: 100px; z-index: 4; background: url(../_panel_03/no_poster.jpg); background-repeat: no-repeat; cursor: pointer} .content_3_1_1_2_1_1_0 {position: relative; float: left; width: 132px; height: 191px; margin-right: 24px; margin-bottom: 100px; z-index: 4; background: url(../_panel_03/more_poster.png); background-repeat: no-repeat} .content_3_1_1_2_2 {position: absolute; width: 64px; height: 95px; right: 0px; z-index: 11; background: url(../_panel_03/button_2.png); background-repeat: no-repeat; cursor: pointer} .content_3_1_1_2_3 {position: absolute; width: 64px; height: 96px; right: 0px; top: 95px; z-index: 11; background: url(../_panel_03/button_3.png); background-repeat: no-repeat; cursor: pointer} .content_3_1_1_2_2a {display: none; position: absolute; width: 64px; height: 95px; right: 0px; z-index: 12; background: url(../_panel_03/button_2a.png); background-repeat: no-repeat} .content_3_1_1_2_3a {display: none; position: absolute; width: 64px; height: 96px; right: 0px; top: 95px; z-index: 12; background: url(../_panel_03/button_3a.png); background-repeat: no-repeat} .content_3_1_1_2_blenda {overflow: hidden; position: absolute; width: calc(100% - 254px); height:200px; right: 0px; background: #f2f2f3; z-index: 10} .content_3_1_1_2_blenda_l {position: relative; width: 84px; height:18px; margin-left: auto; margin-right: auto; margin-top:100px; z-index: 10} .content_3_1_1_0_3 {display: none; position: absolute; width: 100%; height:78px; top:41px; z-index: 10; background: url(../_panel_03/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_3_1_1_2_1_1_1 {overflow: hidden; position: relative; float: right; width: 132px; height:191px; z-index: 10} .content_3_1_1_2_1_1_2 {overflow: hidden; display: none; position: absolute; width: 112px; max-height: 153px; left: 0px; bottom: 0px; z-index: 12} .content_3_1_1_2_1_1_2a {overflow: hidden; position: absolute; width: 112px; max-height: 153px; left: 0px; bottom: 0px; z-index: 9} .content_3_1_1_2_1_1_3 {position: absolute; height:22px; right: 0px; padding-left: 9px; padding-right: 4px; background: #ffffff; text-align: right; z-index: 13} .content_3_1_1_2_1_1_photo {width: 132px; height: 191px} .content_3_1_1_0_3_1 {position: absolute; width: 41px; height:41px; left: 11px; bottom:0px; z-index: 11; background: url(../_panel_03/sub_menu_close.png); background-repeat: no-repeat; cursor: pointer} .content_3_1_1_0_3_2_1 {position: relative; float: left; width: 40px; height:39px; z-index: 4; cursor: pointer} .content_3_1_1_0_3_2_2 {position: relative; float: left; width: 150px; height:28px; padding-top: 11px; z-index: 4; cursor: pointer} .content_3_1_1_0_3_2_1a {position: relative; float: left; width: 40px; height:39px; z-index: 4; cursor: pointer} .content_3_1_1_0_3_2_2a {position: relative; float: left; width: 90px; height:28px; padding-top: 11px; z-index: 4; cursor: pointer} .content_4 {position: relative; float: left; width:100%; margin-top:70px; z-index: 2; background: #ffffff} .content_4_1_1_2 {overflow: hidden; position: relative; float: right; width: 1212px; height: 560px; margin-bottom: 29px; z-index: 4} .content_4_1_1_2_1 {position: relative; float: left; width: 303px; height:288px; z-index: 4} .content_4_1_1_2_1_0 {overflow: hidden; position: relative; float: right; width: calc(100% - 27px); height:50px; z-index: 4; padding-left: 16px; padding-top:12px; background: url(../_panel_04/title_bg.png); background-position: right; background-repeat: no-repeat; cursor: pointer} .content_4_1_1_0_3 {display: none; position: absolute; width: 100%; height:261px; top:41px; z-index: 10; background: url(../_panel_04/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_4_1_1_0_3_2 {position: absolute; width: 321px; height:261px; right: 0px; top:0px; z-index: 11} .content_4_1_1_0_3_2_1 {position: relative; float: left; width: 280px; height:28px; padding-top: 11px; padding-left: 40px; z-index: 4; cursor: pointer} .content_4_1_1_0_3_2_2 {position: relative; float: left; width: 120px; height:28px; padding-top: 11px; padding-left: 40px; z-index: 4; cursor: pointer} .content_4_1_1_0_3_2_3 {position: relative; float: left; width: 120px; height:50px; padding-top: 11px; padding-left: 40px; z-index: 4; cursor: pointer} .content_4_1_1_1 {position: relative; float: left; width: 354px; height:574px; z-index: 4; background: url(../_panel_04/bg_v2.png) top right; background-repeat: repeat-x} .content_4_1_1_1_1 {position: absolute; width: 15px; height:354px; top: 163px; left: 29px; z-index: 4; background: url(../_panel_04/bg_2.png); background-repeat: no-repeat} .content_4_1_1_1_2 {position: absolute; width: 205px; height:20px; top: 77px; left: 20px; z-index: 5; cursor: pointer} .content_4_1_1_1_3 {position: absolute; width: 165px; height:20px; top: 133px; left: 25px; z-index: 5; cursor: pointer} .content_4_1_1_1_3_1 {position: absolute; width: 110px; height:20px; top: 171px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_3_2 {position: absolute; width: 110px; height:20px; top: 210px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_3_3 {position: absolute; width: 110px; height:20px; top: 249px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_3_4 {position: absolute; width: 110px; height:20px; top: 288px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_4 {position: absolute; width: 165px; height:20px; top: 347px; left: 25px; z-index: 5; cursor: pointer} .content_4_1_1_1_4_1 {position: absolute; width: 110px; height:20px; top: 386px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_4_2 {position: absolute; width: 110px; height:20px; top: 426px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_4_3 {position: absolute; width: 110px; height:20px; top: 465px; left: 60px; z-index: 5; cursor: pointer} .content_4_1_1_1_4_4 {position: absolute; width: 110px; height:20px; top: 504px; left: 60px; z-index: 5; cursor: pointer} .content_5 {position: relative; float: left; width:100%; margin-bottom:47px; z-index: 2; background: #ffffff} .content_5_1_1_1 {position: relative; float: left; width: 383px; height:355px; z-index: 4; background: url(../_panel_05/bg.png); background-position: right; background-repeat: repeat-x} .content_5_1_1_2 {overflow: hidden; position: relative; float: right; width: calc(100% - 383px); height:355px; z-index: 4} .content_5_1_1_1_2 {position: relative; float: left; width: 344px; height:296px; margin-top: 18px; z-index: 4; background: url(../_panel_05/bg_2.png); background-repeat: no-repeat} .content_5_1_1_1_2_1 {position: relative; float: left; width: 85px; height:50px; padding-top: 24px; margin-right: 1px; margin-bottom: 1px; z-index: 5; text-align: center} .content_5_1_1_2_blenda {overflow: hidden; position: absolute; width: calc(100% - 383px); height:360px; right: 0px; background: #ffffff; z-index: 10} .content_5_1_1_2_1 {position: absolute; max-width: 40000px; height: 355px; left: 0px; z-index: 4} .content_5_1_1_2_1_1 {position: relative; float: left; width: 258px; height: 355px; margin-right: 20px; margin-bottom: 100px; z-index: 4; cursor: pointer} .content_5_1_1_2_1_1_photo {width: 258px; height: 355px} .content_5_1_1_2_2 {position: absolute; width: 64px; height: 177px; right: 0px; z-index: 11; background: url(../_panel_05/button_2.png); background-repeat: no-repeat; cursor: pointer} .content_5_1_1_2_3 {position: absolute; width: 64px; height: 178px; right: 0px; top: 177px; z-index: 11; background: url(../_panel_05/button_3.png); background-repeat: no-repeat; cursor: pointer} .content_5_1_1_2_2a {display: none; position: absolute; width: 64px; height: 177px; right: 0px; z-index: 12; background: url(../_panel_05/button_2a.png); background-repeat: no-repeat} .content_5_1_1_2_3a {display: none; position: absolute; width: 64px; height: 178px; right: 0px; top: 177px; z-index: 12; background: url(../_panel_05/button_3a.png); background-repeat: no-repeat} .content_5_1_1_0_3 {display: none; position: absolute; width: 100%; height:168px; top:40px; z-index: 10; background: url(../_panel_05/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_5_1_1_0_3_2 {position: absolute; width: 321px; height:166px; right: 0px; top:0px; z-index: 11} .content_5_1_1_0_3_2_1 {position: relative; float: left; width: 79px; height:27px; padding-top: 11px; margin-left: 1px; margin-top: 1px; text-align: center; z-index: 4; cursor: pointer} .content_6 {position: relative; float: left; width:100%; min-height:262px; margin-top: 40px; z-index: 2; background: #f2f2f3} .content_6_1_1_0_3 {display: none; position: absolute; width: 100%; height:78px; top:41px; z-index: 10; background: url(../_panel_06/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_6_1_1_1_2 {position: relative; float: left; width: 40px; height:175px; z-index: 4; background: url(../_panel_06/bg_2.png); background-repeat: no-repeat} .content_6_1_1_2_blenda {overflow: hidden; position: absolute; width: calc(100% - 254px); height:200px; right: 0px; background: #f2f2f3; z-index: 10} .content_6_1_1_2_2 {position: absolute; width: 64px; height: 95px; right: 0px; z-index: 11; background: url(../_panel_03/button_2.png); background-repeat: no-repeat; cursor: pointer} .content_6_1_1_2_3 {position: absolute; width: 64px; height: 96px; right: 0px; top: 95px; z-index: 11; background: url(../_panel_03/button_3.png); background-repeat: no-repeat; cursor: pointer} .content_6_1_1_2_2a {display: none; position: absolute; width: 64px; height: 95px; right: 0px; z-index: 12; background: url(../_panel_03/button_2a.png); background-repeat: no-repeat} .content_6_1_1_2_3a {display: none; position: absolute; width: 64px; height: 96px; right: 0px; top: 95px; z-index: 12; background: url(../_panel_03/button_3a.png); background-repeat: no-repeat} .content_6_1_1_2_1 {position: absolute; max-width: 15000px; height: 191px; left: 0px; z-index: 4} .content_7 {position: relative; float: left; width:100%; margin-top:65px; z-index: 2; background: #ffffff} .content_7_1_1_1 {position: relative; float: left; width: 354px; height:159px; z-index: 4; background: url(../_panel_07/bg.png); background-position: right; background-repeat: repeat-x} .content_7_1_1_1_2 {position: relative; float: left; width: 40px; height:117px; z-index: 4; background: url(../_panel_07/bg_2.png); background-repeat: no-repeat} .content_7_1_1_2 {overflow: hidden; position: relative; float: right; width: 1212px; height:200px; margin-bottom: 49px; z-index: 4} .content_7_1_1_2_blenda {overflow: hidden; position: absolute; width: 1212px; height:245px; right: 0px; background: #ffffff; z-index: 10} .content_7_1_1_2_blenda_l {position: relative; width: 84px; height:18px; margin-left: auto; margin-right: auto; margin-top:75px; z-index: 10} .content_7_1_1_0_3 {display: none; position: absolute; width: 100%; height:78px; top:41px; z-index: 10; background: url(../_panel_07/sub_bg.png); background-position: right; background-repeat: no-repeat} .content_8 {position: relative; float: left; width:100%; z-index: 2; background: #ffffff} .content_8_1 {display: none; clear: both; position: relative; max-width: 1600px; margin-left:auto; margin-right: auto; margin-top: 25px; z-index: 4} .content_8_1_1 {position: relative; float: left; width: calc(100% - 305px); z-index: 2; margin-bottom: 40px; background: #ffffff} .content_8_1_2 {position: relative; float: right; width: 292px; z-index: 2; margin-bottom: 40px; background: #ffffff} .content_8_1_1_1 {position: relative; float: left; width: calc(100% - 20px) ; height:31px; padding-top: 11px; padding-left: 20px; margin-bottom: 40px; z-index: 4; background: url(../_panel_08/bg_1.png); background-position: left; background-repeat: repeat-x} .content_8_1_1_2_1 {position: relative; float: right; width: 292px; height:226px; z-index: 4} .content_8_1_1_2_1_1 {overflow: hidden; position: relative; float: right; width: calc(100% - 11px); height:145px; margin-top: 2px; z-index: 4} .content_8_1_1_2_1_2 {position: relative; float: right; width: calc(100% - 31px); height:30px; padding: 8px 10px 5px 10px; z-index: 4} .content_8_1_1_2_1_0 {overflow: hidden; position: relative; float: right; width: calc(100% - 16px); height:50px; z-index: 4; padding-left: 16px; padding-top:12px; background: url(../_panel_08/title_bg.png); background-position: right; background-repeat: no-repeat; cursor: pointer} .content_8_1_1_2_1_1_1 {position: relative; float: left; width: 675px; height:494px; z-index: 5; margin-right: 32px; background: #dfdfe0} .content_8_1_1_2_1_1_1_1 {position: relative; float: left; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 6; margin-left: 1px; margin-top: 1px; cursor: pointer} .content_8_1_1_2_1_1_1_2 {position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 10; left: 1px; top: 1px; background: #dfdfe0} .content_8_1_1_2_1_1_1_2_1 {position: relative; width: 84px; height:18px; margin-left: auto; margin-right: auto; margin-top:238px; z-index: 10} .content_8_1_1_2_1_1_2 {overflow: hidden; position: relative; float: right; width: calc(100% - 753px); height:494px; margin-right: 46px; z-index: 5} .content_8_1_1_2_1_1_2_1 {position: relative; float: left; width: 113px; height:113px; margin-left: 14px; margin-bottom: 14px; z-index: 6; background: #dfdfe0; cursor: pointer} .content_8_1_1_2_1_1_2_1_1 {position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 7; border: 1px solid #dfdfe0} .content_8_1_1_2_1_1_2_1a {position: absolute; width: 113px; height:113px; bottom: 0px; right: 0px; z-index: 10; background: url(../_panel_08/svk_bg.png); background-position: center; cursor: pointer} .content_9 {position: relative; float: left; width:100%; z-index: 2; background: #ffffff} .content_9_1 {clear: both; position: relative; max-width: 1600px; height: 90px; margin-left:auto; margin-right: auto; z-index: 4} .content_9_1_1 {position: relative; float: left; width: calc(100% - 34px); height: 2px; margin-left:14px; background: #f47a22; z-index: 4} .content_9_1_2 {overflow: hidden; position: relative; float: left; width: calc(100% - 24px); height: 66px; margin-left:9px; z-index: 4} .content_9_1_2_0 {position: relative; float: left; width: 100%; min-height: 66px; z-index: 4} .content_9_1_2_1 {position: relative; float: left; width: 9%; height: 66px; margin-right: 0.5%; margin-left: 0.5%; margin-bottom: 10px; background: #f2f2f3; z-index: 5} .content_10 {position: relative; float: left; width:100%; height: 30px; z-index: 2; background: #2f2f30} .content_10_1 {clear: both; position: relative; max-width: 1600px; height: 20px; margin-top: 10px; margin-left:auto; margin-right: auto; z-index: 4} .content_10_1_1 {position: relative; float: left; width: 330px; height: 20px; margin-left: 14px; z-index: 4} .content_10_1_2 {position: relative; float: right; width: 350px; height: 20px; margin-right: 20px; text-align: right; z-index: 4} .sfp_100 {position: relative; float: left; width:100%; height: 131px; margin-top: 20px; margin-bottom: -20px; z-index: 2; background: #ffffff} .sfp_100_1 {position: relative; float: left; width:100%; height: 1px; z-index: 2; background: #cd1719} .sfp_100_2 {position: relative; float: left; width:100%; height: 111px; z-index: 2} .sfp_100_2_1 {position: relative; float: left; width:10%; height: 111px; z-index: 2; background: url(../_sfp_100/logo_banner.png) center center no-repeat} .sfp_100_3 {position: relative; float: left; width:100%; height: 19px; z-index: 2; background: #cd1719} /*banner sfp 100*/ @media only screen and (min-width: 1615px) and (max-width: 1860px) { .sfp_100_2_1 { width: 11.1%; } #sfp_100_10 { display: none } } @media only screen and (min-width: 1430px) and (max-width: 1614px) { .sfp_100_2_1 { width: 12.5%; } #sfp_100_9 { display: none } } @media only screen and (min-width: 1215px) and (max-width: 1429px) { .sfp_100_2_1 { width: 14.285%; } #sfp_100_8 { display: none } } @media only screen and (min-width: 1030px) and (max-width: 1214px) { .sfp_100_2_1 { width: 16.66%; } #sfp_100_7 { display: none } } @media only screen and (min-width: 880px) and (max-width: 1029px) { .sfp_100_2_1 { width: 20%; } #sfp_100_6 { display: none } } @media only screen and (min-width: 670px) and (max-width: 879px) { .sfp_100_2_1 { width: 25%; } #sfp_100_5 { display: none } } @media only screen and (min-width: 520px) and (max-width: 669px) { .sfp_100_2_1 { width: 33.333%; } #sfp_100_4 { display: none } } @media only screen and (min-width: 0px) and (max-width: 519px) { .sfp_100_2_1 { width: 50%; } #sfp_100_3 { display: none } } /*footer*/ @media only screen and (max-width: 619px) { .content_10_1_2 {float: left; width: 230px; height: 20px; margin-left: 14px; margin-top: 8px; text-align: left; z-index: 4} } /*partners */ @media only screen and (min-width: 1200px) and (max-width: 1400px) { .content_9_1_2_1 { width: 12%; margin-right: 0.24%; margin-left: 0.24%} } @media only screen and (min-width: 920px) and (max-width: 1199px) { .content_9_1_2_1 { width: 15%; margin-right: 0.83%; margin-left: 0.83%} } @media only screen and (min-width: 720px) and (max-width: 919px) { .content_9_1_2_1 { width: 19%; margin-right: 0.43%; margin-left: 0.43%} } @media only screen and (min-width: 620px) and (max-width: 719px) { .content_9_1_2_1 { width: 24%; margin-right: 0.3%; margin-left: 0.3%} } @media only screen and (max-width: 619px) { .content_9_1_2_1 { width: 32%; margin-right: 0.4%; margin-left: 0.4%} } /*ah*/ @media only screen and (min-width: 1400px) and (max-width: 1616px) { .content_8_1_1_2_1_1_2_1 { width: calc(50% - 16px)} .content_8_1_1_2_1_1_2_1a { width: calc(50% - 16px)} .content_8_1_1_2_1_1_2_1a { right: 4px} } @media only screen and (min-width: 1225px) and (max-width: 1399px) { .content_8_1_1_2_1_1_2_1 { width: calc(100% - 16px)} .content_8_1_1_2_1_1_2_1a { width: calc(100% - 16px)} .content_8_1_1_2_1_1_2_1a { right: 2px} } @media only screen and (max-width: 1224px) { .content_8_1_1_2_1_1_1 { width: 100%} .content_8_1_1_2_1_1_2 { display: none} } /*mf list*/ @media only screen and (max-width: 1224px) { .content_5_1_1_1 { display: none} .content_5_1_1_2 { width: calc(100% - 11px); padding-bottom: 46px} .content_5_1_1_2_blenda { width: 100%; top: 70px} } /*movie list & book lisk*/ @media only screen and (max-width: 1224px) { .content_3_1_1_1 { display: none} .content_3_1_1_2 { width: calc(100% - 11px); padding-bottom: 46px} .content_3_1_1_2_blenda { width: 100%} .content_6_1_1_2_blenda { width: 100%} } /*news box & blog box & known_base*/ @media only screen and (max-width: 1090px) { .content_2_1_1 { width: calc(100% - 29px)} } @media only screen and (min-width: 1055px) and (max-width: 1616px) { .content_2_1_1_1 { width: 22.6%} .content_2_1_1_2 { width: 77.39%} .content_2_1_1_2_blenda { width: 77.39%} .content_4_1_1_2 { width: 77.39%} .content_4_1_1_1 { width: 22.6%} .content_7_1_1_1 { width: 22.6%} .content_7_1_1_2 { width: 77.39%} .content_7_1_1_2_blenda { width: 77.39%} } @media only screen and (min-width: 1225px) and (max-width: 1616px) { .content_2_1_1_2_1 { width: 33.333%; min-width: 303px} .content_2_1_1_2_1_photo {width: 100%; height: auto} .content_4_1_1_2 { height: 848px} .content_4_1_1_1 { height: 848px} .content_4_1_1_2_1 { width: 33.333%; min-width: 303px} } @media only screen and (max-width: 1224px) { .content_2_1_1_0 { display: block} .content_2_1_1_1 { display: none} .content_2_1_1_2 { width: 100%} .content_2_1_1_2_blenda { width: 100%; height: 520px} .content_4_1_1_2 { width: 100%} .content_4_1_1_1 { display: none} .content_7_1_1_1 { display: none} .content_7_1_1_2 { width: 100%} .content_7_1_1_2_blenda { width: 100%; height: 270px} } @media only screen and (min-width: 954px) and (max-width: 1224px) { .content_2_1_1_2_1 { width: 33.333%; min-width: 303px} .content_4_1_1_2_1 { width: 33.333%; min-width: 303px} } @media only screen and (min-width: 652px) and (max-width: 953px) { .content_2_1_1_2_1 { width: 50%; min-width: 303px} .content_2_1_1_2 { height: 678px} .content_2_1_1_2_blenda { height: 745px} .content_4_1_1_2 { height: 558px} .content_4_1_1_2_1 { width: 50%; min-width: 303px} .content_7_1_1_2 { height: 428px} .content_7_1_1_2_blenda { height: 550px} } @media only screen and (max-width: 651px) { .content_2_1_1_2_1 { width: 100%} .content_2_1_1_2 { height: 1356px} .content_2_1_1_2_blenda { height: 1420px} .content_4_1_1_2 { height: 860px} .content_4_1_1_2_1 { width: 100%} .content_7_1_1_2 { height: 880px} .content_7_1_1_2_blenda { height: 984px} } @media only screen and (min-width: 1320px) and (max-width: 1616px) { .content_2_1_1_2_1_photo {display: none} .content_2_1_1_2_1_photo_big {display: block; min-height: 145px} } @media only screen and (min-width: 1224px) and (max-width: 1319px) { .content_2_1_1_2_1_photo {display: block; min-height: 145px} .content_2_1_1_2_1_photo_big {display: none} } @media only screen and (min-width: 100px) and (max-width: 1223px) { .content_2_1_1_2_1_photo {display: none} .content_2_1_1_2_1_photo_big {display: block; min-height: 145px} } /*main box office */ @media only screen and (min-width: 1023px) and (max-width: 1580px) { .content_1_1_2_2_1_2 { display: none} } @media only screen and (min-width: 1580px) { .content_1_1_2_2_1_2 { display: block} } @media only screen and (min-width: 1024px) and (max-width: 1316px) { .content_1_1_2_2_1_c { width: 100%} } @media only screen and (min-width: 1317px) and (max-width: 1399px) { .content_1_1_2_2_1_c { width: 50%} } @media only screen and (min-width: 1400px) { .content_1_1_2_2_1_c { width: 33.33333%} } @media only screen and (min-width: 1055px) and (max-width: 1590px) { .content_1_1_2_3_button_a { display: block} } /*main spot*/ @media only screen and (min-width: 1025px) { .main_spot_3 { font-size: 30px} } @media only screen and (min-width: 880px) and (max-width: 919px) { .main_spot_2 { height: 65px } .main_spot_3 { height: 50px; bottom: 0px; font-size: 30px } } @media only screen and (min-width: 750px) and (max-width: 879px) { .main_spot_2 { height: 65px } .main_spot_3 { height: 50px; bottom: 0px; font-size: 26px } } @media only screen and (max-width: 749px) { .main_spot_2 { height: 80px } .main_spot_3 { height: 60px; bottom: 8px; font-size: 23px; line-height: 28px} } @media only screen and (max-width: 920px) { .main_spot_4 { display: none } } @media only screen and (min-width: 1055px) and (max-width: 1600px) { .content_1_1_2_1 { margin-right: 9px} .content_1_1_2_2 { width: calc(100% - 1080px)} } @media only screen and (max-width: 1230px) { .content_1_1_2 { width: 100%} .content_1_1_2_1 { margin-left: auto; margin-right: auto} .content_1_1_2_2 { display: none} } @media only screen and (max-width: 1090px) { .content_1_1_2_1 { margin-left: 10px; margin-right: 9px} } @media only screen and (max-width: 650px) { .extra_photo_div {width: calc(100% - 11px); margin-left: 5px; margin-top: 2px} } @media only screen and (max-width: 1050px) { #expra_bg_big {display: none} #expra_bg_middle {display: none} #expra_bg_small {display: block} .content_1_1_2_1 {width: 100%; margin-left: 0px; margin-right: 0px} .extra_photo_div {width: calc(100% - 10px); margin-left: 5px; margin-top: 5px} }