/* $Id: weblinks.css 125 2009-02-23 02:49:20Z hodaka $ */
/* ---
 2006-10-01 K.OHWADA
 add weblinks_confirm
 google map

 2006-05-15 K.OHWADA
 this is new file
--- */


/* ƒtƒH[ƒ€—p */
textarea.weblinks_description
{
    height: 60px;
    width: 60px;
}

/* ƒJƒeƒSƒŠ */

a.cat_area {

}
a.cat_media {

}
a.cat_style {

}

/* common */
div.weblinks_powered
{
    font-size: 80%;
    text-align: right;
}

div.weblinks_time
{
    font-size: 80%;
}

div.weblinks_execution_time
{
    font-size: 80%;
}

div.weblinks_memory_usage
{
    font-size: 80%;
}

.weblinks_title
{
    font-size: 150%;
    font-weight: bold;
}

.weblinks_subtitle
{
    font-size: 130%;
    font-weight: bold;
}

.weblinks_bold
{
    font-size: 100%;
    font-weight: bold;
}

.weblinks_error
{
  color: #ff0000;
}

.weblinks_waning
{
  color: #ff0000;
}

.weblinks_red
{
  color: #ff0000;
}

.weblinks_green
{
  color: #00ff00;
}

.weblinks_blue
{
  color: #0000ff;
}

/* header */
.weblinks_logo
{
    text-align: center;
}

.weblinks_modulename
{
    text-align: center;
    font-size: 130%;
    font-weight: bold;
}

.weblinks_guidance
{
    background-color: #dde1de;	/* near gray */
    color: #000000;	/* black */
    width: 100%;
    margin:  0px;
    padding: 3px;
    text-align: left;
}

div.weblinks_search_form
{
    background-color: #dde1de;	/* near gray */
    margin:  3px;
    padding: 3px;
    text-align: center;
}

/* category navi */
table.weblinks_frame_category
{
    width: 98%;
    margin:  0px;
    padding: 3px;
    border-width: 0px;
    border-style: none;
}

td.weblinks_main_category
{
    vertical-align: top;
    text-align: left;
}

.weblinks_main_category_title
{
    font-weight: bold;
}

.weblinks_sub_category
{
    font-size: 90%;
}

div.weblinks_search_form_text
{
    background-color: #dde1de;  /* near gray */
    padding: 5px;
    text-align: left;
    line-height: 200%;
}

/* index */
table.weblinks_index_frame_category
{
    width: 98%;
    margin:  0px;
    padding: 3px;
    border-width: 0px;
    border-style: none;
}

div.weblinks_index_frame_feed
{
    margin:  3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

.weblinks_waiting_highlight
{
    color: #ff0000;
    font-weight: bold;
}

/* viewcat */
table.weblinks_viewcat_frame_subcat
{
    width: 98%;
    margin:  0px;
    padding: 3px;
    border-width: 0px;
    border-style: none;
}

.weblinks_subcategories
{
    font-size: 90%;
}

div.weblinks_viewcat_frame
{
    width: 100%;
    margin:  0px;
    padding: 2px;
    border-width: 0px;
    border-style: none;
}

div.weblinks_viewcat_desc
{
    margin:  3px;
    padding: 3px;
    border-width: 1px;
    border-style: dotted;
    border-color: #808080;	/* gray */
}

.weblinks_category_title
{
    font-size: 150%;
    font-weight: bold;
}

.weblinks_pagenavi
{
    text-align: center;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.weblinks_pagenavi a
{
    background-color: #F0F0F0;
    border: 1px solid #b5b5b5;
    font-size: 130%;
    margin-right: 2px;
    margin-left: 2px;
    width: 35px;
    padding: 3px;
}

.weblinks_pagenavi b {
    font-size: 150%;
    margin-right: 6px;
    margin-left: 6px;
}

.weblinks_pagenavi b u {
    text-decoration: none;
    letter-spacing: 0.2em;
}

/* viewmark */
div.weblinks_viewmark_kml_frame
{
    width: 100%;
    margin:  0px;
    padding: 2px;
    border-width: 0px;
    border-style: none;
}

.weblinks_viewmark_kml_title
{
    font-size: 120%;
    font-weight: bold;
}

/* singlelink */
div.weblinks_singlelink_frame
{
    width: 100%;
    margin:  0px;
    padding: 2px;
    border-width: 0px;
    border-style: none;
}

div.weblinks_singlelink_textarea1
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
    background-color: #eeeeee;	/* near gray */
}

div.weblinks_singlelink_textarea2
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
    background-color: #eeeeee;	/* near gray */
}

div.weblinks_singlelink_frame_feed
{
    margin:  3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_comment_navi
{
    margin:  3px;
    padding: 3px;
    text-align: center;
}

div.weblinks_frame_comment
{
    margin:  3px;
    padding: 3px;
}

/* topten */
div.weblinks_topten_frame
{
    background-color: #191970;	/* midnight blue */
    color: #ffffff;	/* white */
    margin:  3px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
    font-size: 130%;
    font-weight: bold;
}

/* brokenlink */
div.weblinks_brokenlink_frame
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_brokenlink_form
{
    margin:  0px;
    padding: 3px;
    text-align: center;
}

/* ratelink */
div.weblinks_ratelink_frame
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_ratelink_form
{
    margin:  0px;
    padding: 3px;
    text-align: center;
}

/* password */
div.weblinks_password_frame
{
    margin:   5px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

/* catlist */
div.weblinks_catlist_frame
{
    width: 100%;
    margin:  3px;
    padding: 3px;
    border-width: 0px;
    border-style: none;
    line-height: 150%;
}

/* viewfeed */
div.weblinks_viewfeed_frame_feed
{
    margin:  3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

/* link_single */
div.weblinks_link_single_frame
{
    margin:  3px;
    padding: 0px;
/*	border-width: 1px;
    border-style: solid;
    border-color: #808080;*/	/* gray */
}

div.weblinks_link_single_frame_2
{
    background-color: #eeeeee;	/* near gray */
    color: #000000;	/* black */
    margin:  0px;
    padding: 1px;
}

div.weblinks_link_single_frame_title
{
    margin:  0px;
    padding: 0px;
    text-align: left;
}

table.weblinks_link_single_title
{
    width: 100%;
    margin:  0px;
    padding: 0px;
}

td.weblinks_link_single_title_left
{
    border: 0px none #ffffff;
    vertical-align: middle;
    text-align: left;
}

td.weblinks_link_single_title_right
{
    border: 0px none #ffffff;
    vertical-align: middle;
    text-align: right;
    width: 70px;
}

div.weblinks_link_single_frame_time_update
{
    background-color: #dde1de;	/* near gray */
    color: #000000;	/* black */
    margin:  1px;
    padding: 3px;
    line-height: 150%;
    text-align: left;
}

div.weblinks_link_single_frame_category
{
    margin:  0px;
    padding: 3px;
    line-height: 150%;
    text-align: left;
}

.weblinks_link_single_frame_category a {
    font-size: 10px;
    text-decoration: none;
    color: #0085AC;
}

div.weblinks_link_single_frame_description
{
    margin:  1px;
    padding: 3px;
    text-align: left;
}

div.weblinks_link_single_frame_hits
{
    background-color: #EFEFEF;  /* near gray */
    color: #000000; /* black */
    margin:  0px;
    padding: 3px;
    text-align: center;
}

div.weblinks_link_single_frame_footer
{
    background-color: #EFEFEF;  /* near gray */
    color: #000000; /* black */
    margin:  0px;
    padding: 3px;
    text-align: center;
}

img.weblinks_link_image
{
    margin:  5px;
    padding: 1px;
    border-width: 0px;
    border-style: none;
    float: right;
}

.weblinks_link_image_clear
{
    clear: both;
}

.weblinks_link_title
{
    font-weight: bold;
    color: #234495;;
    text-decoration: underline;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}

.weblinks_links_list_frame_title a:visited b span  {color: #0C5FC2;}
.weblinks_links_list_frame_title a:link b span  {   color: #234495;}
.weblinks_links_list_frame_title a:active b span  { color: #CC0000;}
.weblinks_links_list_frame_title a:hover b span  {  color: #FF6600;}
.weblinks_link_description{ font-size: 100%; }
.weblinks_link_admincomment{    font-size: 90%; }

.weblinks_links_etclink a:link{ color: #234495;}
.weblinks_links_etclink a:visited  {    color: #234495;}
.weblinks_links_etclink a:link  {   color: #6BAB00;}
.weblinks_links_etclink a:active  { color: #CC0000;}
.weblinks_links_etclink a:hover  {  color: #FF6600;}

.weblinks_link_description{ font-size: 100%; }
.weblinks_link_admincomment{    font-size: 90%; }

/* links_list */
div.weblinks_link_contact
{
    margin:  3px;
    padding: 3px;
    text-align: center;
}
.weblinks_link_contact a {
    color: #cc0000; /* pink */
}

div.weblinks_links_list_frame
{
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
}

div.weblinks_links_list_frame_title
{
    margin:  0px;
    padding: 0px;
    text-align: left;
}

table.weblinks_links_list_title
{
    width: 100%;
    margin:  0px;
    padding: 0px;
}

td.weblinks_links_list_title_left
{
    border: 0px none #ffffff;
    vertical-align: middle;
    text-align: left;
}

td.weblinks_links_list_title_right
{
    border: 0px none #ffffff;
    vertical-align: middle;
    text-align: right;
    width: 70px;
}

div.weblinks_links_list_frame_description
{
    margin:  0px;
    padding: 0px;
    line-height: 130%;
    text-align: left;
}

.weblinks_links_list_frame_description p.frame_catpath a {
    font-size: 10px;
    text-decoration: none;
    color: #666666;
}

.weblinks_list_description
{

    width: 100%;
    margin-right: -3px;
    margin-left: -3px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
    margin-top: 3px;
    margin-bottom: 2px;
        font-size: 11px;
}

img.weblinks_list_image
{
    border-width: 0px;
    margin: 5px;
    padding: 5px;
}

.weblinks_list_image_clear
{
    clear: both;
}

.weblinks_list_title {
    font-weight: bold;
    color: #234495;
    font-size: 16px;
    text-decoration: underline;
}

.weblinks_list_catpath
{
    text-align: left;
}

.weblinks_list_description
{
    font-size: 100%;
}

.weblinks_list_footer
{
    text-align: left;
}

/* feed */
div.weblinks_feed_frame_title
{
    background-color: #e2dbd3;	/* near gray */
    color: #000000;	/* black */
    padding: 3px;
}

div.weblinks_feed_frame_content
{
    background-color: #eeeeee;	/* near gray */
    color: #000000;	/* black */
    padding: 3px;
}

div.weblinks_feed_frame_summary
{
    background-color: #eeeeee;	/* near gray */
    color: #000000;	/* black */
    padding: 3px;
}

.weblinks_feed_title
{
    font-size: 110%;
    font-weight: bold;
}

/* print */
body.weblinks_print
{
    background-color: #ffffff;
    color: #000000;
}

div.weblinks_print_sitename
{
    margin:  0px;
    padding: 5px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}

div.weblinks_print_modulename
{
    margin:  0px;
    padding: 5px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
}

div.weblinks_print_singlelink
{
    margin:  0px;
    padding: 5px;
    text-align: center;
}

div.weblinks_print_frame
{
    width: 650px;
    padding: 10px;
}

div.weblinks_print_frame_link
{
    margin:  0px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_link_title
{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_link_category
{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
    line-height: 150%;
}

div.weblinks_print_frame_link_description
{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_link_hits
{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_textarea1
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_textarea2
{
    margin:  5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_feed_all
{
    margin:  1px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_feed_each
{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_print_frame_comment
{
    margin:  3px;
    padding: 3px;
}

img.weblinks_print_link_image
{
    margin:  5px;
    padding: 1px;
    border-width: 0px;
    border-style: none;
    float: right;
}

.weblinks_print_link_title
{
    text-align: center;
    font-size: 130%;
    font-weight: bold;
}

.weblinks_print_link_url
{
    text-align: center;
    font-size: 100%;
    font-weight: normal;
}

.weblinks_print_link_description
{
    font-size: 100%;
}

.weblinks_print_link_admincomment
{
    font-size: 90%;
}

.weblinks_print_feed_title
{
    font-size: 110%;
    font-weight: bold;
}

/* confirm */
div.weblinks_confirm
{
    border: 1px solid #808080;
    background-color: #dde1de;
    padding: 10px 10px 5px 10px;
}

.weblinks_confirm_title
{
    color: #000000;
    font-size : 120%;
    font-weight: bold;
}

/* google map */
#weblinks_gm_map
{
    border: 1px solid #808080;  /* gray */
    width:  97%;
    height: 300px;
    margin:  5px;
    padding: 5px;
}

.weblinks_gm_map_index
{
    border: 1px solid #808080;	/* gray */
    width:  97%;
    height: 300px;
    margin:  5px;
    padding: 5px;
}

.weblinks_gm_map_singlelink
{
    border: 1px solid #808080;	/* gray */
    width:  97%;
    height: 300px;
    margin:  5px;
    padding: 5px;
}

.weblinks_gm_map_print
{
    border: 1px solid #808080;	/* gray */
    width:  97%;
    height: 300px;
    margin:  5px;
    padding: 5px;
}

div.weblinks_gm_location
{
    color: #696969;	/* dimgray */
    margin:  3px;
    padding: 3px;
}

/* highlight */
.weblinks_highlight
{
    font-weight: bolder;
    background-color: #ffff80;	/* light yellow */
    color: #000000;	/* black */
}

.rssc_highlight
{
    font-weight: bolder;
    background-color: #ffff80;	/* light yellow */
    color: #000000;	/* black */
}

/* contact */
.weblinks_contact_form table {
    width: 99%;
        padding: 3px;
}

/* forum */
div.weblinks_forum_title
{
    background-color: #dde1de;	/* near gray */
    color: #000000;	/* black */
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
    margin:  3px;
    padding: 3px;
    font-size : 120%;
    text-align: left;
}

div.weblinks_forum_thread_frame
{
    margin:  3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;	/* gray */
}

div.weblinks_forum_thread_title
{
    background-color: #dde1de;	/* near gray */
    color: #000000;	/* black */
    margin:  1px;
    padding: 3px;
    text-align: left;
}

div.weblinks_forum_post_title
{
    background-color: #e2dbd3;	/* near gray */
    color: #000000;	/* black */
    margin:  1px;
    padding: 3px;
    text-align: left;
}

div.weblinks_forum_post_text
{
    background-color: #eeeeee;	/* near gray */
    color: #000000;	/* black */
    margin:  1px;
    padding: 3px;
    line-height: 150%;
    text-align: left;
}

.weblinks_forum_lang_forum
{
    font-weight: bold;
}

.weblinks_forum_lang_thread
{
    font-weight: bold;
}

/* submit */
.weblinks_submit_error
{
    color: #ff0000;	/* red */
    background-color: #ffffe0;	/* light yellow */
    border: #808080 1px dotted;	/* gray */
    margin:  3px;
    padding: 3px;
}

/* approve form */
.weblinks_form_modified
{
    color: #ff0000;	/* red */
    background-color: #ffffe0;	/* light yellow */
    width: 100px;
    text-align: center;
    margin:  2px;
    padding: 2px;
}

.weblinks_rss_build_manage
{
    margin:  3px;
    padding: 3px;
}



.weblinks_links_list_frame td,.weblinks_links_list_frame th,.weblinks_links_list_frame table,  .weblinks_link_single_frame td,.weblinks_link_single_frame th,.weblinks_link_single_frame table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




/* 0904’ljÁ */

div#countrydivcontainer {
	padding:10px;
    background-color:#ffffff;
}

ul.weblinksTree {
	margin: 0px;
	padding: 0px;
}

ul.weblinksTree li,ul.weblinksChildTree li {
	float: left;
	list-style-type: none;
}

li.checkGrp1 {
	width:100%;
	clear: both;
	float: none;
	border-bottom:1px dashed #cecece;
	margin: 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #234495;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

li.checkGrp2 {
	font-weight:normal;
	float: none;
	color:#000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
}

li.checkGrp3 {
	font-size: 90%;
}

*:first-child+html li.checkGrp2,*:first-child+html li.checkGrp3 { float:none; }

li.tag30, li.tag32, li.tag34, li.tag38 {clear: both;}


/*　Webリファレンスの画像
li.tag1 label {
    padding-left: 17px;
    background-image: url(images/cat/webrefer.png);
    background-repeat: no-repeat;
}
*/

li.tag4 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag5 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag6 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

/*　素材の画像
li.tag3 label {
    padding-left: 17px;
    background-image: url(images/cat/sozai.png);
    background-repeat: no-repeat;
}
*/

li.tag12 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag68 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag33 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

/*　小技の画像
li.tag10 label {
    padding-left: 17px;
    background-image: url(images/cat/utilithy.png);
    background-repeat: no-repeat;
}
*/

li.tag51 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag52 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag53 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag2 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

/*　CMSの画像
li.tag60 label {
    padding-left: 17px;
    background-image: url(images/cat/cms.png);
    background-repeat: no-repeat;
}
*/

li.tag58 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag62 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

li.tag67 label {
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
}

/*
li.tag67 {
    background-image: url(images/gift.gif);
    background-repeat: no-repeat;
    background-position: 15px 3px;
}

li.tag67 label {
	padding-left: 20px;
	font-weight: bold;
	color: #900;
}
*/

tag1 .checkall1 {
	border: 1px solid #FFFFFF;
}

ul.tag1 input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

li.tag15 li.checkGrp2, li.tag60 li.checkGrp2 {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

div.dataListBox{
	background-color: #F0F0F0;
	padding: 5px;
	margin-top: 5px;
}

div.dataList {
	float: left;
	width: 50%;

}

div.dataList th {
	background-image: none;
	margin: 0px;
	font-weight: bold;
	background-color: #F0F0F0;
	color: #333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* 140416チェックボックスの装飾 */


li input[type="checkbox"]{
font-size: 100%;
width: 1em;
margin: 0;
padding: 0;
/*opacity: 0;*/
}

/*
li input[type="checkbox"]+label:before{
display: inline-block;
content: "";
vertical-align: top;
background-color: #dcdddd;
color: #9fa0a0;
border-style: solid;
border-width: 0.1875em;
width: 0.625em;
height: 0.625em;
margin-left: -1em;
margin-top: 0.25em;
margin-right: 0.25em;
}
*/

 /*140504 チェックボックスの角丸と削除
li input[type="checkbox"]+label:before{
border-radius: 0.1875em;
}
*/

li input[type="checkbox"]:checked+label:before{
border-style: double;
border-width: 0.5em;
width: 0;
height: 0;
}


li input[type="checkbox"]:focus+label:before{
outline: 1px dotted;
}

 /* 140504 tips検索窓*/
.kakomi {
padding: 3px;
margin-bottom:10px;
border: none;
background: url("http://www.n-c-c.org/themes/ncc_2014_mid/images/bg-outside.gif");
}

.nakamidashi001 {
font-size: 1.4em;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: auto;
background-color: #eeebe9;
padding: 3px;
text-align: center;
/*margin-right: 22px;*/
}

.nakamidashi001 a {
    color:#717171;
    font-weight:normal;
}

#container ul .weblinksChildTree {
    font-size: 18px;
}


#query_form .tipssearch {
padding:4px;
margin-top:20px;
/*margin-left:30px;*/
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:auto;
height:37px;
background-color:#eeebe9;
}

#countrydivcontainer ul.weblinksTree {
margin:0px;
}

 */


/* 140416chrome Safari用チェックボックスの装飾


input[type="checkbox"]{
  -webkit-appearance: none;
  width:15px;
  height:15px;
  border:2px solid #19283C;
  border-radius:2px;
  background:transparent;
  opacity:0.5;
}
input[type="checkbox"]:checked{
  background:#19283C;
  opacity:1;
}
 */