@charset "utf-8";
/* CSS Document */

  .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            //background: #EB5100;
           // background-color: rgba(235, 81, 0, 0.6);
        }
		
		#head
		{
			
width:31.5%;  float:left; background-color:#ffffff; margin:5px;  font-size:13px;	
		}
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            
        }
		.jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(images/a17.png) no-repeat;
                overflow: hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }
			
			p
{
line-height:30px;
}
#head:hover h3
{
border-bottom:#FF6600 solid 4px;
}
#head:hover
{
  border-radius: 12px;
  box-shadow: #ddd 0px 0px 8px;
  width:31.5%;
}
#rot
{
width:70px; height:70px; -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out; 
   
  float:left;
}
#head:hover #rot
{
width:70px; height:70px; background-image:url(images/design.png); 
 -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
#start_link
{
text-align:center; border-right:#eee solid 1px; font-size:12px; width:120px; float:left; text-decoration:none; color:#aaa; line-height:40px; font-family:'Open Sans', sans-serif; display:block;
}
#start_link:hover
{
text-align:center; border-right:#eee solid 1px; font-size:13px; border-bottom:#FF9900 solid 3px;  width:120px; float:left; text-decoration:none; color:#FF9900; line-height:40px; font-family:'Open Sans', sans-serif; display:block;
}

#end_link
{
text-align:center;  width:120px; float:left; font-size:12px; text-decoration:none; color:#aaa; line-height:40px;  font-family:'Open Sans', sans-serif; display:block;
}
#end_link:hover
{
text-align:center;  background-color:#fff; font-size:13px; width:120px; border-bottom:#FF9900 solid 3px; float:left; text-decoration:none; color:#ff9900; line-height:40px; font-family:'Open Sans', sans-serif; display:block;
}



#link
{
text-align:center; border-right:#eee solid 1px; width:120px; font-size:12px; float:left; text-decoration:none; color:#aaa; line-height:40px; font-family:'Open Sans', sans-serif; display:block;
}
div
{
font-family:'Open Sans', sans-serif; color:#7A7A7A; 
}
#link:hover
{
text-align:center; border-right:#eee solid 1px;   background-color:#fff; font-size:13px; border-bottom:#FF9900 solid 4px; width:120px; float:left; text-decoration:none; color:#FF9900; line-height:40px; font-family:'Open Sans', sans-serif; display:block;
}
#bottom-link
{
text-decoration:none; font-size:13px; color:#999999; float:left; text-align:left; width:200px; height:40px; line-height:30px; 
}
#bottom-link:hover
{
text-decoration:none; font-size:13px; color:#ff9900; float:left; text-align:left; width:200px; height:40px; line-height:30px; 
}
  @media only screen and (max-width: 980px) {
                    .qr_code {
                        display: none;
                    }
                }
				
				  .jssorb03 {
                position: absolute;
            }
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                position: absolute;
                /* size of bullet elment */
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 21px;
                color: white;
                font-size: 12px;
                
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
			
			.jssora20l, .jssora20r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(images/a20.png) no-repeat;
                overflow: hidden;
            }
            .jssora20l { background-position: -3px -33px; }
            .jssora20r { background-position: -63px -33px; }
            .jssora20l:hover { background-position: -123px -33px; }
            .jssora20r:hover { background-position: -183px -33px; }
            .jssora20l.jssora20ldn { background-position: -243px -33px; }
            .jssora20r.jssora20rdn { background-position: -303px -33px; }