body{font-family:Arial,Helvetica,sans-serif;margin:auto;font-size:12px;background-color:#fff}img{border:0}body,h1,h2,.wrap{margin:0 auto}.color_search,.color_content,.color_inf,.color_r,.color_action,.footer,.chart_color,.color_web{width:100%}h2,h3{padding:0;padding-left:10px}.color_content,.color_chart_1{background-color:#fff}.color_p,.color_schemes_1,.color_schemes_2,.color_schemes_3,.color_schemes_4,.color_schemes_5,.color_schemes_6,.color_css_show,.color_action_1{background-color:#fefdf9}.head{width:100%;border-bottom:1px solid #d4d4d4;background-color:#fff;float:left;padding-bottom:10px}.logo{float:left;width:210px;margin:5px 15px 0 10px;background-repeat:no-repeat;height:50px}.head_title{float:left;width:650px}.head h1{padding:10px 0 0 0;font-size:20pt}.head_title h2{color:#6b6476;padding:5px 0 0 0}a{text-decoration:none;font-size:10pt}.wrap{width:890px;background-color:#fff}.color_content{float:left;background-color:#fff}.color_so div,.color_schemes_b{border:1px solid #ccc;width:60px;height:60px;float:left;display:inline;margin:2px 0 0 5px}
.color_so div a,.color_schemes_b a{opacity:0;margin:2px;width:56px;height:56px;float:left}.color_so div a:hover,.color_so div a,.color_schemes_b a:hover,.color_schemes_b a{width:60px;height:37px;padding:23px 0 0 0;color:#fff}.color_so div a:hover,.color_schemes_b a:hover{text-decoration:none;opacity:1}textarea{margin-left:10px}.color_web_show,.color_so{margin:5px 0 0 5px;font-weight:bold;text-align:center}.color_web p{margin:0 0 0 10px;padding:0;width:96%;text-indent:2em;line-height:20px}.clear{clear:left;clear:both}.color_model{width:100%}.color_model p{float:left;width:500px;line-height:22px}.color_model img{float:left;width:300px;margin:0 10px 0 50px}.sharp{margin:10px 0 10px 0}.miniColors-trigger{height:22px;width:22px;background:url(https://8b474631b5f90854d5d5-29274c1ddc54cee4fa6f1b98374e5715.ssl.cf1.rackcdn.com/color.png) center no-repeat;vertical-align:middle;margin:0 .25em;display:inline-block;outline:0;background-position:-175px -7px}.miniColors-selector{position:absolute;width:175px;height:150px;background:#FFF;border:solid 1px #BBB;-moz-box-shadow:0 0 6px rgba(0,0,0,.25);-webkit-box-shadow:0 0 6px rgba(0,0,0,.25);box-shadow:0 0 6px rgba(0,0,0,.25);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;z-index:999999}.miniColors-selector.black{background:#000;border-color:#000}.miniColors-colors{position:absolute;top:5px;left:5px;width:150px;height:150px;background:url(https://8b474631b5f90854d5d5-29274c1ddc54cee4fa6f1b98374e5715.ssl.cf1.rackcdn.com/color.png) center no-repeat;background-position:0 -2px;cursor:crosshair}.miniColors-hues{position:absolute;top:5px;left:160px;width:20px;height:150px;background:url(https://8b474631b5f90854d5d5-29274c1ddc54cee4fa6f1b98374e5715.ssl.cf1.rackcdn.com/color.png) center no-repeat;cursor:crosshair;background-position:-151px -2px}.miniColors-colorPicker{position:absolute;width:11px;height:11px;background:url(https://8b474631b5f90854d5d5-29274c1ddc54cee4fa6f1b98374e5715.ssl.cf1.rackcdn.com/color.png) center no-repeat;background-position:-175px -31px}.miniColors-huePicker{position:absolute;left:-3px;width:26px;height:3px;background:url(https://8b474631b5f90854d5d5-29274c1ddc54cee4fa6f1b98374e5715.ssl.cf1.rackcdn.com/color.png) center no-repeat;background-position:-176px -2px}td{padding:4px 0}.tr_w a{color:#fff;text-decoration:none}.tr_w u{color:#fff}.tr_b a{color:#000;text-decoration:none}.tr_b u{color:#000}.pagelikes{position:fixed;width:60px;top:15%;left:10px;text-align:center;border:1px solid #d4d4d4;background:#FFF;padding:8px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.fb-like{margin-left:7px}.scheme,.scheme_but input{box-shadow:0 1px 2px rgba(0,0,0,0.4);float:left;border:1px solid #ccc;background-color:#fefdf9;padding:10px 15px 10px 10px;margin:10px 0 0 10px}.seheme_td{width:80px;height:260px}.seheme_tr{width:430px;height:49px}.scheme_right{float:left;width:200px;background-color:#ebe9e9;margin:3px 0 0 10px}.download{float:left;padding:3px 5px 5px 4px;height:10px;cursor:pointer}.seheme_h{height:80px;width:640px}.scheme_but{margin:0}.scheme_but input{margin:10px 0 0 8px;padding:3px 2px 3px 2px;cursor:pointer}.seheme_h span{height:116px;width:660px;position:relative;top:21px;left:-15px}.scheme_hex{width:640px;margin-left:5px;color:#999;font-size:14px;position:absolute;margin-top:88px}.scheme_1{height:100px}.scheme_fun{padding:80px 0 0 10px;clear:left;font-weight:bold}.scheme_2 div span{position:absolute;width:100px;text-align:center;margin:20px 0 0 10px;background:0;border:0;box-shadow:0;padding:0;font-weight:bold;color:#fff;font-size:14px;opacity:0;}
.scheme_2 div{border:0;height:60px;float:left;display:inline;cursor:pointer;padding:0;margin:0;width:20%}.scheme_2 div:hover span{opacity:1; border:0px;}.scheme_2{width:648px}.scheme_next{margin:30px 0 0 10px;width:672px;height:30px;text-align:center}.scheme_next a,.scheme_next span{position:relative;border:1px solid #ccc;padding:4px 8px 4px 8px;margin-right:5px;font-weight:bold}.arrow{background-color:#ccc}.scheme_hex span{padding-left:15px}.scheme_show{float:left;width:162px;height:220px;text-align:center;border:1px solid #999;background-color:#f9f9f9;margin-left:5px}.scheme_show span{line-height:18px}.scheme_5{width:840px}.color_scheme{width:436px;height:260px;float:left}.color_inf{float:left;margin:10px 0 10px 0;}.color_inf p{padding:0 10px 0 10px;text-indent:2em;line-height:20px}.color_r{float:left;margin:12px 30px 0 10px;width:120px}.color_z{width:150px;height:150px;float:left;margin-left:10px}.color_s{float:left;color:#000;text-align:left}.color_p,.color_chart,.color_chart_other,.color_action_1,.color_code_show{box-shadow:0 1px 2px rgba(0,0,0,0.4)}.color_p{float:left;width:335px;margin:10px 0 0 20px;line-height:28px;padding:5px 0 4px 0;color:#959289;border:1px solid #ccc}.color_s div{width:100px;padding-left:10px}.color_s span{color:#666}.color_s div,.color_s span{float:left;font-weight:bold;font-size:14px}.chart_color_1{float:left;width:430px;margin:20px 0 10px 0}.color_chart,.color_chart_other{float:left;width:420px;border:1px solid #ccc;background-color:#fefdf9;padding:5px 0 20px 0;margin:10px 0 0 10px}.color_chart_other{line-height:30px;margin-left:20px}.color_chart div,.color_chart_other div{width:280px;height:18px;border:1px solid #000}.color_chart div span,.color_chart_other div span{height:18px;float:left}.color_chart div,.color_chart_other div,.color_chart b,.color_chart_other b{float:left;margin:15px 0 0 10px}.color_chart_other b,.color_chart b{width:80px;font-weight:normal;padding-top:2px}.color_schemes_1,.color_schemes_2,.color_schemes_3,.color_schemes_4,.color_schemes_5,.color_schemes_6{border:1px solid #ccc;color:#005cb9;font-weight:bold;float:left;padding:5px 0;text-align:center}.color_schemes_1{margin:10px 0 0 10px;width:140px}.color_schemes_3{width:345px;margin:10px 0 0 47px}.color_schemes_6{width:414px;margin:10px 0 0 15px}.color_schemes_4{width:276px;margin:10px 0 0 50px}.color_schemes_5{width:210px;margin:10px 0 0 10px}.color_action{float:left;margin:10px 0 5px 0;width:100%}.color_code{float:left;padding:0 0 0 10px;width:430px;margin-top:10px}.color_code h2{margin:0 0 10px 0}.color_action_1{border:1px solid #ccc;color:#005cb9;font-weight:bold;float:left;padding:10px 5px;margin:5px 0 10px 0}.color_code_show{background-color:#fbfbfb;width:398px;color:#666;border:1px solid #d4d4d4;padding:3px 0;font-size:11px}.color_code_1,.color_code_2{width:398px;text-align:center;padding:10px 0;margin-top:10px}h3{color:#6b6476;margin:0 0 5px 0}.color_css_show{float:left;width:430px}.color_css_show h2{text-align:left;padding-left:40px;margin-top:10px}.color_light ul{margin:0;padding:0}.color_light li{width:400px;list-style-type:none;float:left}.font_1{font-size:14px;color:#6b6476;font-weight:bold}.color_light font{color:#666}.color_light_t{text-align:left;font-size:14px;color:#6b6476;font-weight:bold;margin:0 0 5px 0;visibility:visible}.color_light_1,.color_light_t{width:280px;height:24px;float:left}.color_light li span{width:300px;height:20px;float:left;margin:0 0 0 -290px;position:relative;padding-top:4px}.color_light a{text-decoration:none;color:#fff;font-weight:bold}.footer{clear:left;line-height:24px;border-top:1px solid #d4d4d4;width:100%}.footer_1{float:left;width:180px;margin:30px 0}.footer li{list-style-type:none}.footer_title{font-weight:bold;padding-bottom:8px}.footer a{text-decoration:none;color:#06f}a:hover{color:#03F}.footer_b{text-align:center;color:#6b6476}.footer_b a{line-height:24px;color:#6b6476;padding:20px 10px 10px 10px}.footer_b a:hover{color:#03F}.color_web_show div,.cs{height:24px;margin:1px;float:left;border:1px solid #ccc;text-align:center}.color_web_show div a{color:#fff;padding-top:5px;float:left}.color_web_show div.cs a{color:#000;padding-top:5px;float:left}.color_table td{width:25%}.color_web_show u a{text-decoration:underline}.color_online_t{margin:40px 0 20px 20px;text-align:left}.color_jx{float:left;width:120px;position:relative;top:320px;left:20px;margin:10px 0;text-align:center}.color_search{width:100%;border-bottom:1px solid #d4d4d4;background-color:#fefdf9;float:left;margin-top:10px}.color_search_1{top:27px;z-index:1000;position:relative;width:30px;left:4%}.input_1{text-align:left;font-size:16px;color:#aca899;position:relative;padding:7px 0 7px 25px;margin:-2px 0 20px 4%;width:83%}.color_button{position:absolute;margin-left:-72px;background-color:#f5810a;color:#fff;font-size:16px;font-weight:bold;border:0;cursor:pointer;padding:6px 6px 6px 6px;width:71px}.footer_b a.point_top{padding:0}.point_top:after{content:" \25B2 ";)}@media all and (min-width:769px){.b2,.b3,.b4,.b5,.b6,.b7,.content{background-color:#fff}.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px;font-size:1px;overflow:hidden;display:block}.b1,.b8{margin:0 5px}.b2,.b7{margin:0 3px;border-right:2px solid;border-left:2px solid}.b3,.b6{margin:0 2px;border-right:1px solid;border-left:1px solid}.b4,.b5{margin:0 1px;border-right:1px solid;border-left:1px solid;height:2px}.content{border-right:1px solid;border-left:1px solid;overflow:hidden}.b2,.b3,.b4,.b5,.b6,.b7,.content{border-color:#d4d4d4}.b1,.b8{background-color:#d4d4d4}.color_light li span,.color_light b{visibility:hidden}.color_web_show div,.color_web_show div a,.cs,.cs a{width:138px}.head h1{margin-top:0}.scheme_right{height:260px}.color_shit{ width:690px;}.color_light li:hover span{visibility:visible;color:#fff}}@media all and (max-width:769px){.wrap,.wrapper,.color_search,.color_content,.color_inf,.color_r,.color_action,.footer,.chart_color,.color_web,.color_light,.color_light li{width:100%}.head h1,.head_title h2,.about_1,.pagelikes,.footer_show,.color_light font,.color_jx,.color_so div span{display:none}.head h1{margin-top:0}.content{border:0}.color_p{margin-left:10px; width:94%;}.color_r{margin:12px 0 0 0;width:94%}.color_z{width:100%;height:50px}.chart_color_1{width:100%;margin-left:0}.color_chart div,.color_chart_other div{width:60%}.color_chart,.color_chart_other{width:94%;padding:5px 0 20px 0;margin:10px 0 0 10px}.color_inf{clear:left}.color_schemes_3,.color_schemes_6,.color_schemes_4{margin:10px 0 0 10px}.color_action{clear:left}.color_code{width:100%;padding-left:0}.color_action_1{width:93%;padding:10px 0 10px 1%;margin-left:10px}.color_code_show{width:98%}.color_code_1,.color_code_2{width:98%}.color_css_show{float:left;width:93%;margin-left:10px;margin-bottom:10px}.color_css_show h2{text-align:left;margin-top:10px;padding-left:0;margin-left:0}.color_css_show ul{margin-left:10px;padding:0}.footer_1{margin:10px 0}.footer_b{float:left;width:100%;border-top:1px solid #d4d4d4}.footer ul{padding:0;margin-left:10px}.footer_title{font-size:14pt}#topcontrol{display:none}.color_web_show div,.color_web_show div a,.cs,.cs a{width:90px}.color_model p{padding:0;width:96%;text-indent:2em;line-height:22px}.color_model img{ max-width:300px;width:96%;height:96%;margin-left:0}.scheme_2,.scheme_next{width:86%}.color_light_1,.color_light_t{width:94%}.color_light li a{color:#fff;font-size:9pt;padding-top:4px;visibility:visible}.scheme{width:94%;padding:0}.color_scheme{width:100%}.seheme_td{width:17.5%}.scheme_right{width:100%;margin:0}.download{text-align:center;width:50px;padding:5px 0 5px 0;height:16px}.scheme_fun{padding:40px 0 0 10px;position:relative}.scheme_but input{position:relative;margin-bottom:10px}.seheme_h{width:97%}.seheme_h span{width:94%}.scheme_hex{width:94%}.scheme_1{width:94%;padding:10px 0 10px 0}.seheme_tr{width:97.5%}.color_td{width:100%}.color_online_t{margin-top:20px}} @media all and (min-width:500px){.head h1{display:block;margin-top:5px}} @media all and (max-width:432px){.color_schemes_6{ width:94%;}} @media all and (max-width:360px){.color_schemes_3{ width:94%;}} @media all and (max-width:290px){.color_schemes_4{ width:94%;}}.td_h{border-right:#d4d4d4 solid 1px;border-bottom:1px solid #d4d4d4; background-color:#abcdf3;} td{ text-align:center;border-right:#d4d4d4 solid 1px;border-bottom:1px solid #d4d4d4; font-weight:normal;} .td_b{border-bottom:1px solid #d4d4d4;background-color:#abcdf3; }h3{color:black; text-align:left; font-size:16px; padding-top:20px;}.color_table{width:98%; text-align:center; margin:0 auto; border:1px solid #d4d4d4; border-right:none;}