@charset "utf-8";
/* CSS Document */
.resizeBox ,.colorBox{
	display:inline-block;
    margin: 0 10px;
    
}
.resizeBox a ,.colorBox a{
	display:inline-block;
	/* background-color:#2F696A; */
}
/* .sf-menu{
	display:block;
	color:#fff;
	background-color:#900;
} */

.colorControl, .fontSizeControl {
    display: none;
    text-align: center;
    background: rgba(0,0,0,.5);
    padding: .5em;
    position: absolute;
    width: auto;
    z-index: 110;
}
.colorControl button, .fontSizeControl button {
    display: block;
    margin: .25em auto;
    width: 100%;
    border: 0;
    color: #FFF;
    background: #333;
    font-size: 1.3rem;
    cursor: pointer;
}
body{
	font-size:1em;
}
/*以下為顏色變色*/
/*綠色*/
.layout-green .sf-menu{
/* 	background-color:#36ae16; */
}
/*藍色*/
.layout-blue .sf-menu{
/* 	background-color:#264ea9; */
}
.resize-sm{
	font-size:1em;
}
.resize-md{
	font-size:1.15em;
}
.resize-lg{
	font-size:1.3em;
}


.colorControl button {
    text-indent: -1000vw;
    height: 25px;
    width: 25px;
}
.colorControl .green {
    background: #05827f;
}
.colorControl .blue {
    background: #415deb;
}
.colorControl .pink {
    background: #c4164b;
}

.resize-sm .colorControl, .resize-sm .fontSizeControl ,.resize-md .colorControl, .resize-md .fontSizeControl ,.resize-lg .colorControl, .resize-lg .fontSizeControl{
	font-size:.3em;
    padding: .5em ;
}