/*==========圓圖框放置大小==========*/
.ca-menu{
    padding:0;
    margin:20px auto;
    width: 700px;
}
/*==========圓圖框放置大小==========*/

/*==========主要圓形==========*/
.ca-menu li{
	bottom:10px;
    width: 150px;
    height: 150px;
    border: 10px solid #f6f6f6;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-right: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
/*==========主要圓形==========*/

/*==========文字顯示==========*/
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #8C8D01;
    position: relative;
}
/*==========文字顯示==========*/

/*==========圈圈裡的圖片==========*/
.ca-icon{
    position: absolute;
    left: 40px;
    top: 25px;
    text-align: center;
}
/*==========圈圈裡的圖片==========*/

/*==========圓形中的文字+未轉動顯示==========*/
.ca-main{
    font-size: 12px;
    position: absolute;
    top: 60px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
}

.ca-main_1{
    font-size: 14px;
    position: absolute;
    top: 75px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
}
/*==========圓形中的文字+未轉動顯示==========*/

/*==========旋轉跳躍==========*/
.ca-menu li:hover{
    background: #f7f7f7;
    border-color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/*==========旋轉跳躍==========*/