a { color:#333 }
.spectro_p { margin:10px 0 10px 0 }
.spectro_topimage { box-sizing:border-box; text-align:center; color:#fff; padding:0 }
.spectro_topmenu { background:#f5f5f5; height:50px; box-sizing:border-box; padding:12px 0 10px 0 }
.spectro_topmenu ul { padding:0; margin:0 }
.spectro_topmenu a { color:#333; text-decoration:none; border:0 }
.spectro_topmenu li { color:#333; float:left; list-style-type:none; margin:0 }
.spectro_menu { padding:0; margin:0; box-sizing:border-box }
.spectro_menu ul { padding:0; margin:0 }
.spectro_menu li { list-style-type:none; margin:0 }
.spectro_mainmenu .spectro_menu1:hover, .spectro_topmenu .spectro_menu1:hover { border-top:3px #333 solid }
.spectro_mainmenu { margin:0; padding:0 }
.spectro_mainmenu li { margin:5px; padding:0; float:left; list-style-type:none }
.spectro_menu li.spectro_menu1 { border-right:1px #ccc solid; padding:0 15px 0 15px; color:#000 }
.spectro_menu1 a, .spectro_menu2 a { text-decoration:none; border:0; color:#333; display:block }
.spectro_menu1 a.s, .spectro_menu2 a.s { display:inline }
.spectro_menu1 li, .spectro_menu1 li a { text-shadow:0px 0px 0px #fff; color:#000 }
.spectro_menu .spectro_menu1 div.s1, .spectro_topmenu .spectro_menu1 div.s1 { margin-left:-150px }
.spectro_mainmenu .spectro_menu1:first-child div.s1, .spectro_topmenu .spectro_menu1:first-child div.s1 { margin-left:-30px }
.spectro_mainmenu .spectro_menu1:last-child div.s1, .spectro_topmenu .spectro_menu1:last-child div.s1 { margin-left:-300px }
.spectro_menu .spectro_menu1:hover div.s1, .spectro_topmenu .spectro_menu1:hover div.s1 { margin-top:0px }
.spectro_menu1 div.s2 { margin-top:-2500px }
.spectro_menu1:hover div.s2 { margin-top:0px }
.spectro_menuopen { display:block }
.spectro_menu a:hover { text-decoration:none }
.spectro_string .spectro_menu2 { padding:0 }
.spectro_leftcol { width:20%; margin-right:3%; float:left }
.spectro_mainarea { width:77%; float:right }
.spectro_leftcol .spectro_menu li { margin:0; padding:0; padding:15px; list-style-type:none; border-bottom:1px #eee solid; border-right:0 }
.spectro_leftcol .spectro_mainmenu li.a a { color:#000 }
.spectro_leftcol .spectro_menu1 div.s1 { margin-left:200px }
.spectro_leftcol .spectro_menu1:hover div.s1 { margin-top:-45px }
.spectro_menu1 div.s2, .spectro_menu2 div.s3b { background:#eee }
.spectro_menu1 div.s2 { transition:margin 0.3s; -moz-transition:margin 0.3s; -webkit-transition:margin 0.3s; -o-transition:margin 0.3s; width:350px }
.spectro_menu1 div.s2 ul { margin:0; padding:0 }
.spectro_menu1 div.s2 ul li { margin:0; padding:15px; list-style-type:none; border-bottom:1px #ccc solid; float:none; color:#000 }
.spectro_menu1 div.s1 { position:absolute; z-index:989; overflow:hidden; height:1000px; margin-top:-2500px; padding:10px 20px 20px 10px; width:700px; box-sizing:border-box }
.spectro_menu2 div.s3b { transition:margin 0.3s; -moz-transition:margin 0.3s; -webkit-transition:margin 0.3s; -o-transition:margin 0.3s; width:350px }
.spectro_menu2 { list-style-type:none }
.spectro_menu2 { margin:0; padding:0; padding:15px; list-style-type:none; border-bottom:1px #eee solid; border-right:0 }
.spectro_menu2 div.s3b ul { margin:0; padding:0 }
.spectro_menu2 div.s3b ul li { margin:0; padding:10px; list-style-type:none; border-bottom:1px #000 solid; color:#000 }
.spectro_menu2 div.s3 { position:absolute; z-index:90; overflow:hidden; width:350px; height:500px; margin:-40px 0 0 -2500px; padding:10px 20px 20px 10px; box-sizing:border-box }
.spectro_menu2:hover div.s3 { margin-left:300px }
.spectro_menu2 div.s3b { margin-left:-2500px }
.spectro_menu2:hover div.s3b { margin-left:0px }
.spectro_mainmenu a { display:block }
.spectro_mobile { display:none }
.spectro_mobmenu { margin:10px 0 10px 20px }
.spectro_string { padding:0; margin:0 }
.spectro_snow { overflow-x:hidden }
.spectro_clear { clear:both }
.spectro_center { text-align:center; justify-content:center; display:flex }
.spectro_width1300 { width:96.5%; max-width:1300px; margin:0 auto }
.spectro_wtblock { background:#fff; padding:2% 3% 2% 3%; color:#555; text-align:left; max-width:1300px; margin:0 auto; clear:both; box-sizing:border-box }
.spectro_wtblock .spectro_gblock, .spectro_wtblock .spectro_cblock, .spectro_wtblock .spectro_bltext, .spectro_wtblock .spectro_blblock, .spectro_wtblock .spectro_wtblock { margin:0 -3% 0 -3% }
.spectro_bltext { padding:3%; font-size:50px; color:#fff; text-align:center; background:#000; clear:both; text-shadow:1px 1px #000, 0px 0px 10px #000 }
.spectro_bltext a, .spectro_bltext td { color:#fff; text-decoration:none }
.spectro_gblock { padding:3%; clear:both; box-sizing:border-box; background-color:#eee }
.spectro_cblock { padding:3%; color:#000; clear:both; box-sizing:border-box; background:#ddd }
.spectro_cblock td { color:#000 }
.spectro_blblock { padding:0px; background-color:#000; background-attachment:fixed; background-size:cover }
.spectro_bltext .spectro_bgsh, .spectro_blblock .spectro_bgsh { padding:50px; color:#fff; clear:both; background-color:rgba(0,0,0,.7); box-sizing:border-box; text-shadow:0px 0px #000 }
.spectro_bltext .spectro_bgsh { margin:-3% }
.spectro_bgsh td, .spectro_bgsh a { color:#fff }
.spectro_h1 { margin:0; padding:0; margin-bottom:20px; text-align:center; clear:both; font-weight:normal; font-size:32px }
.spectro_bltext .spectro_h1, .spectro_blblock .spectro_h1 { color:#fff }
.spectro_str1 { font-size:26px; display:inline }
.spectro_str2 { font-size:22px; display:inline }
.spectro_hr { background:#eee; height:1px; width:70%; margin:20px auto; clear:both }
.spectro_gblock .spectro_hr { background:#ccc }
.spectro_bgsh .spectro_hr { background:#666 }
.spectro_lpic { float:left; margin-right:20px; margin-bottom:20px }
.spectro_rpic { float:right; margin-left:20px; margin-bottom:20px }
.spectro_border3 { border:3px #aaa solid }
.spectro_round100 { border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; width:100px; height:100px }
.spectro_round200 { border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; width:200px; height:200px }
.spectro_round450 { border-radius:450px; -webkit-border-radius:450px; -moz-border-radius:450px; width:450px; height:450px }
.spectro_col2 { float:left; width:50%; padding:0 1% 0 1%; box-sizing:border-box }
.spectro_table { text-align:center }
.spectro_header .spectro_item3, .spectro_header .spectro_item4, .spectro_header .spectro_item5 { border:0; background:transparent }
.spectro_header .spectro_bltext .spectro_item3, .spectro_header .spectro_bltext .spectro_item4,.spectro_header .spectro_bltext .spectro_item5, .spectro_header .spectro_blblock .spectro_item3,.spectro_header .spectro_blblock .spectro_item4, .spectro_header .spectro_blblock .spectro_item5 { color:#fff }
.spectro_item2, .spectro_item2 a, .spectro_item3, .spectro_item3 a, .spectro_item4, .spectro_item4 a, .spectro_item5,.spectro_item5 a { color:#333; text-decoration:none; border:0 }
.spectro_itemimg { background:#eee }
.spectro_picstr2 a, .spectro_picstr3 a { text-decoration:none; border:0 }
.spectro_wtblock .spectro_picstr2 a, .spectro_wtblock .spectro_picstr3 a { color:#333 }
.spectro_blblock .spectro_picstr2 a, .spectro_blblock .spectro_picstr3 a { color:#fff }
.spectro_bltext .spectro_picstr2 a, .spectro_bltext .spectro_picstr3 a { color:#fff }
.spectro_button, .spectro_button a { text-decoration:none; color:#fff }
.spectro_button span { color:#fff }
.spectro_button img { margin:-7px -5px; padding:0; max-height:30px }
.spectro_list { margin:0; padding:0 }
.spectro_list li { margin:0; padding:20px 50px; list-style-type:none; text-align:left; mix-width:100px }
.spectro_list li a { text-decoration:none; border:0; font-size:22px }
.spectro_bltext .spectro_item3, .spectro_bltext .spectro_item4, .spectro_bltext .spectro_item5,.spectro_bltext .spectro_col2, .spectro_bltext .spectro_btable { font-size:16px; text-shadow:0px 0px 0px }
.spectro_bltext .spectro_picstr2 a, .spectro_bltext .spectro_picstr3 a { font-size:16px }
.spectro_btable { margin: 10px 0 10px 0 }
.spectro_btable, .spectro_btable tr { margin:0; padding:0; border:0; border-collapse:collapse }
.spectro_btable td, .spectro_btable th { margin:0; padding:10px; border:1px #ddd solid; border-collapse:collapse }
.spectro_swipe { padding:10px 10px 20px 10px; overflow-x:auto; overflow-y:hidden }
.spectro_swipeicon { display:none; text-align:center; background:#eee; padding:10px; margin:10px auto }
.spectro_swipeicon img { display:block; width:40px; margin:0 auto 10px }
.spectro_block li.spectro_menu2:last-child { border-bottom:0px #ddd solid }
.spectro_block input, .spectro_block select, .spectro_block textarea { border:1px #ccc solid; padding:7px; box-sizing:border-box }
.spectro_block .i1 { width:50px; text-align:center }
.spectro_block .i100 { width:100% }
.spectro_cart { border-bottom:1px #ccc dotted }
.spectro_cart a { border:0 }
.spectro_monitor .spectro_cartimg { width:50px }
.spectro_mobile .spectro_cartimg { width:100px }
.spectro_block .p15 { padding:15px }
.spectro_video { width:854px; height:480px; max-width:100%; max-height:100% }
.spectro_goodspic { transition:background-position 15s; -moz-transition:background-position 15s;-webkit-transition:background-position 15s; -o-transition:background-position 15s; height:450px; overflow:hidden; border:1px #ccc solid; margin-right:10px }
.spectro_goodart { height:30px; overflow:hidden; text-align:center; color:#999; padding-top:5px }
.spectro_goodparams { height:55px; overflow:auto }
.s_pectro_fields { position:absolute; background:#fff; z-index:888 }
.spectro_gallery, .spectro_simplegoods { margin:0; padding:0 }
.spectro_gallery li, .spectro_simplegoods li { margin:1%; padding:0; list-style-type:none; width:30%; float:left; border:1px #ddd solid }
.spectro_gallery li img { max-width:100% }
.spectro_simplegoods li img { max-width:100%; max-height:100px }
.spectro_simplegoods li a { border:0px }
.spectro_simplegoods .simple_img { height:110px; overflow:hidden; display:flex; text-align:center; align-items:center; justify-content:center }
.spectro_simplegoods .simple_name { height:35px; overflow:hidden; display:flex; text-align:center; justify-content:center }
.spectroslider { transition:margin 2s; -moz-transition:margin 2s;-webkit-transition:margin 2s; -o-transition:margin 2s }
.spectroslider table, .spectroslider tr, .spectroslider td { border:0; border-collapse:collapse; margin:0; padding:0; vertical-align:top }
.spectrosliderbutt { margin-top:-60px; margin-bottom:60px }
.spectrosliderbutt img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0px 0px 10px #000; margin:0 5px 0 5px; opacity:0.5 }
.spectrosliderbutt a { border:0; text-decoration:none }
.spectrosliderbutt img.f { opacity:1 }
.spectro_add { position:fixed; bottom:20px; right:20px; width:100%; max-width:1000px; height:240px; background:#fff; margin-left:20px; border:1px #ddd solid; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:20px; box-shadow:0px 0px 30px #333; font-family:Arial; font-size:16px; color:#333; box-sizing:border-box; z-index:500 }
.spectro_add .spectro_str2 { display:inline; font-size:22px }
.spectro_add input { font-family:Arial; font-size:16px; color:#333 }
.spectro_enemy { font-size:16px; height:20px; overflow:hidden }
.spectro_enemy h1 { font-size:16px }
.spectro_dialog_u { background:#ddd; border:1px #ccc solid; border-radius:18px 18px 0 18px; margin:0 0 15px 20%; -webkit-border-radius:18px 18px 0 18px; -moz-border-radius:18px 18px 0 18px; color:#333; padding:15px }
.spectro_dialog_notu { background:#fff; border:1px #ccc solid; border-radius:18px 18px 18px 0; margin:0 20% 15px 0; -webkit-border-radius:18px 18px 18px 0; -moz-border-radius:18px 18px 18px 0; color:#333; padding:15px }
.spectro_dialogadd { position: fixed; bottom: 90px; right: calc(50% - 250px); width:500px }
.spectro_seo { max-height:250px; overflow-x:hidden; padding-right:15px }
.spectro_rating { display: flex; width: 150px; margin: 0 auto 20px; justify-content: space-between; max-width: 50% }
.spectro_rating span { font-size: 28px; line-height: 1; padding: 0; color: #dedede; text-shadow: 1px 1px #bbb; cursor: pointer }
.spectro_rating > span:before { content: '\2605';  }
.spectro_rating > span.active, .spectro_rating > span:hover { color: #ffbf00; text-shadow: 1px 1px #c60 }
.spectro_fixblock { position: fixed; background: #fff; width: 400px; height: auto; left: 50%; transform: translateX(-50%); top: 200px; max-width: 90%; z-index:9999; -webkit-box-shadow: 4px 4px 8px 0px rgba(60, 60, 60, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(60, 60, 60, 0.2); box-shadow: 4px 4px 8px 0px rgba(60, 60, 60, 0.2); padding: 10px; font-family: 'Arial', sans-serif; text-align: center; font-size: 18px; line-height: 1.3; font-weight: bold; min-height: 150px; display: flex; flex-flow: column; justify-content: center; align-items: center }
.spectro_fixblock, .spectro_fixblock * { box-sizing: border-box }
.spectro_fixbuttons { display: flex; justify-content: space-around; width: 100%; margin-top: 20px }
.spectro_fixbutton { width: 45%; height: 40px; background: #d6d6d6; line-height: 40px; text-decoration: none; color: #000; border: 1px solid silver; border-radius: 4px }
.spectro_fixbuttons .yesbutton { background: #ddffdd }
.spectro_fixbuttons .nobutton { background: #ffdddd }
.spectro_modal { transition:margin 0.3s; -moz-transition:margin 0.3s; -webkit-transition:margin 0.3s; -o-transition:margin 0.3s; z-index:9990 }
 @-webkit-keyframes spectro_animate { 0% { transform:scale(1); opacity:1 }
 50% { transform:scale(0.7); opacity:0.1 }
 100% { transform:scale(1); opacity:1 }
 }
 @keyframes spectro_animate { 0% { transform:scale(1); opacity:1 }
 50% { transform:scale(0.7); opacity:0.1 }
 100% { transform:scale(1); opacity:1 }
 }
 .spectro_animate { -webkit-animation-name:spectro_animate; animation-name:spectro_animate; animation-duration:0.8s; animation-fill-mode:forwards; animation-timing-function:ease-out }
 @-webkit-keyframes spectro_pressed { 0% { transform:scale(1); opacity:1 }
 50% { transform:scale(0.7); opacity:0.1 }
 100% { transform:scale(1); opacity:1 }
 }
 @keyframes spectro_pressed { 0% { transform:scale(1); opacity:1 }
 50% { transform:scale(0.7); opacity:0.1 }
 100% { transform:scale(1); opacity:1 }
 }
 .spectro_pressed { -webkit-animation-name:spectro_animate; animation-name:spectro_animate; animation-duration:0.8s; animation-fill-mode:forwards; animation-timing-function:ease-out }
.spectro_regions { position:absolute; background:#fff; border:1px #ccc solid; left:20px; right:20px; padding:20px; z-index:9999; display:none }
.spectro_regions a { text-decoration:none }
.spectro_regionconfirm { position:absolute; z-index:9888; background:#fff; border:1px #ccc solid; padding:20px; margin-top:-2000px; transition:margin 0.3s; -moz-transition:margin 0.3s; -webkit-transition:margin 0.3s; -o-transition:margin 0.3s }
.spectro_button.reg-btn { position: fixed; bottom: 90px; right: calc(50% - 83px) }
.spectro_filterbar { width:200px; background:#ddd; border:1px #ddd solid; box-sizing:border-box }
.spectro_filterscroll { width:20px; height:20px; cursor:pointer; box-sizing:border-box }
.spectro_fleftscroll { float:left; background:url(../spectro-slide.png) #999 no-repeat right top }
.spectro_frightscroll { float:right; background:url(../spectro-slide.png) #999 no-repeat left top }
.search_word { display:inline; background:#000; color:#fff; padding:10px; text-transform:uppercase }
.spectro_reg_ul li { width:24%; min-width:320px; float:left }
.spectro_map_ul li { width:24%; float:left }
.spectro_covered { position:relative }
.spectro_covered .cover { position:absolute;width:100%; height:100% }
.mobilepanel { position:fixed; top:100%; left:0; width:100%; height:40px; z-index:9999; margin:-40px 0 0 0px; background:#eee; padding:10px; box-shadow:0px 0px 10px #000; text-align:center }
 .mobile_button { padding:5px }
 .mobile_button img { float:left; margin: -5px 0 0 -10px }
 .mobile_button a { text-decoration:none; color:#333; font-family:Arial; font-size: 16px }
 .mobile_app { width:500px; height:800px; overflow:hidden; box-sizing:border-box; padding:20px; background:#fff }
 .mobile_app .spectro_items { margin:0 -20px 0 -20px }
 .mobile_mode { max-width:515px; background:#fff; box-sizing:border-box; text-align:justify }
 .mobile_mode img { max-width:515px }
 .mobile_mode .spectro_mainmenu { background:#fff; color:#333; overflow:hidden }
 .mobile_mode .spectro_mainmenu a, .mobile_mode .spectro_mainmenu li.a { color:#333 }
 .spectro_menu .spectro_menu2 { text-align:left }
 .spectro_loading { max-width:50px; max-height:50px }
 .spectro_button .spectro_loading { max-width:20px; max-height:20px }
 .spectro_tempimg { width:100%; height:100%; border:1px #ddd solid }
 .spectro_offline { display:none }
 .spectro_pass { position:absolute;margin:7px 0px 0 -30px }
 .spectro_fields { overflow:auto;height:300px;text-align:left }
 .spectro_disable { pointer-events: none; opacity:0.25 }
 .spectro_wrong { border: 1px #ff0000 solid; background:#ffaaaa }
 .spectro_nodata { color:#fff; height:1px; width:100% }
@media screen and (max-width:1000px) { .spectro_workarea img { max-width:95% }
 .spectro_bltext { font-size:30px }
 .spectro_leftcol { display:none; margin:0 }
 .spectro_mainarea { display:block; float:none; width:100% }
 .spectro_reg_ul li { width:33%; float:left; min-width:280px }
 .spectro_snow { display:none }
 }
@media screen and (max-width:900px) { .spectro_fpc { display:block }
 .spectro_monitor { display:none }
 .spectro_mobile { display:block }
 .spectro_mainmenu { overflow:hidden; height:55px; width:100% }
 .spectro_mainmenu li.spectro_menu1 { width:100%; margin:10px }
 .spectro_topmenu { display:none }
 .spectro_mainmenu .spectro_menu1:hover { border-top:0 }
 .spectro_mainmenu li.spectro_menu1 { float:none; width:95%; border-bottom:1px #ddd solid; padding:0px; border-right:0 }
 .spectro_menu .spectro_menu1 div.s1, .spectro_topmenu .spectro_menu1 div.s1 { margin-left:0px; left:0px }
 .spectro_menu .spectro_menu1:first-child div.s1, .spectro_topmenu .spectro_menu1:first-child div.s1 { margin-left:0px; left:0px }
 .spectro_menu .spectro_menu1:last-child div.s1, .spectro_topmenu .spectro_menu1:last-child div.s1 { margin-left:0px; left:0px }
 .spectro_list { max-width:80%; margin:0 auto }
 .spectro_col2 { float:none; width:100% }
 .spectro_table { overflow:auto }
 .spectro_reg_ul li { width:49%; float:left }
 .mobile_mode { max-width:100% }
 }
@media screen and (max-width:800px) { .topcms, .h50 { display:none }
 .spectro_video { max-width:95%; max-height:300px }
 .spectro_reg_ul li { width:100%; float:left; min-width:100px }
 .spectro_str2 { font-size:18px; display:inline }
 }
@media screen and (max-width:480px) { body { overflow-x:hidden; min-width:320px }
 img { display:block; float:none }
.spectro_wtblock .spectro_gblock, .spectro_wtblock .spectro_cblock, .spectro_wtblock .spectro_bltext, .spectro_wtblock .spectro_blblock, .spectro_wtblock .spectro_wtblock { margin:0 -1% 0 -1% }
 .spectro_menu2 .s3 { display:none }
 .spectro_gallery li { margin:0; padding:0; list-style-type:none; width:50%; float:left }
 .spectro_video { max-height:200px }
 .spectro_swipeicon { display:block }
.spectro_simplegoods li { width:48%; margin:0 }
 .mobile_app { width:100%; height:100% }
 }