@charset "utf-8";
/* CSS Document */
/* Customization Style of SyoTimer */
		.syotimer{
            text-align: center;

            margin: 30px auto 0;
            padding: 0 0 10px;
        }
        .syotimer-cell{
            display: inline-block;
            margin: 0 5px;

            width: 79px;
            background: url(images/timer.png) no-repeat 0 0;
        }
        .syotimer-cell__value{
            font-size: 35px;
            /*color: #80a3ca;*/
			background-image: linear-gradient(to right, red, orange 50%, brown);
  			color: transparent;
  			-webkit-background-clip: text;
  			background-clip: text;

            height: 81px;
            line-height: 81px;

            margin: 0 0 5px;
        }
        .syotimer-cell__unit{
            font-family: Arial, serif;
            font-size: 12px;
            text-transform: uppercase;
        }

        .option{
            font-weight: 700;
        }

        /* For layout demo page */
        body{
            font-family: Tahoma, serif;
            font-size: 14px;
            padding: 0 0 60px;
        }
        .row{
            border-bottom: 2px solid #80a3ca;
            /*padding-bottom: 10px;*/
        }
        .row blockquote{
            border-left: 5px solid #999;
            padding-left: 20px;
            width: 600px;
            margin: 0 auto;
        }
        pre{
            width: 650px;
            margin: 0 auto 10px;
            padding: 5px;
            border: 1px solid #e1e1e1;
        }
        .toggle-source-code{
            width: 650px;
            margin: 10px auto;
            text-align: right;
        }
        .toggle-source-code:before{
            font-size: .9em;
            color: #666666;
            border-bottom: 1px dashed #666666;
        }
        .toggle-source-code_action_show:before{
            content: "Show code";
        }
        .toggle-source-code_action_hide:before{
            content: "Hide code";
        }