@charset "utf-8";
/* Adddon Button */
.cameron_plugin{position:fixed; width:80px; z-index:9999999;text-align:center; background:#fff;border-radius:20px;margin:0px 5px;padding:10px;}
.cameron_plugin ul{margin:0 0px;  list-style:none}
.cameron_plugin li{position:relative; margin:0 0 5px 0; padding:0 0 5px 0;border-bottom:1px solid #ddd;}
.cameron_plugin li a,
.cameron_plugin li a>*{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease; -o-transition:background-color .1s ease, border .1s ease, color .1s ease; transition:background-color .1s ease, border .1s ease, color .1s ease}
.cameron_plugin li a:hover{text-decoration:none}

@media( max-width:650px ){
.cameron_plugin{width:80px !important; text-align:center; background:rgba(255,255,255,0.7); display:block !important; margin:0px !important; border-radius:10px; box-sizing:border-box; padding:0px;}
.cameron_plugin li{font-size:10px !important; padding:0px 0px; box-sizing:border-box; text-align:center !important; color:#666;}
.cameron_plugin li a.icon{width:80px; height:80px; background-size:90% !important; background-position:left;text-align:left !important; }
}

@media( max-width:380px ){
.cameron_plugin{width:80px !important; text-align:center; background:rgba(255,255,255,0.7);}
.cameron_plugin li{font-size:8px !important; padding:0px 0px; box-sizing:border-box; text-align:center !important; color:#666;}
.cameron_plugin li a.icon{width:80px; height:80px; background-size:55% !important; background-position:left !important; margin-left:6px;}
}

.cameron_plugin li a.icon{display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:center; text-align:center; color:#e7e7e7; line-height:50px; font-family:Tahoma,돋움; font-size:17px; outline:none}
.cameron_plugin li a.cameron-facebook{background-color:#4867b2; background-image:url(../img/fb.png)}
.cameron_plugin li a.cameron-twitter{background-color:#65bdf3; background-image:url(../img/tw.png)}
.cameron_plugin li a.cameron-rss{background-color:#ff8c26; background-image:url(../img/rss.png)}
.cameron_plugin li a.cameron-user{background-image:url(../img/user.png)}
.cameron_plugin li a.langToggle{background-color:#ff3366;}
.cameron_plugin li a:hover,
.cameron_plugin li a:focus{background-color:none !important}

/* Language Select */
#cameron-lang ul{display:none; position:absolute; top:0; width:100px}
#cameron-lang li{margin:0}
#cameron-lang li a{display:block; padding:8px 16px; background:#fdfdfd; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; line-height:1.2; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; outline:none}
#cameron-lang li:first-child a{border-top:1px solid #e1e1e1}
#cameron-lang li:last-child a{border-bottom:1px solid #e1e1e1}
#cameron-lang li a:focus,
#cameron-lang li a:hover{background-color:#909090 !important; border-right:1px solid #909090; border-left:1px solid #909090; color:#fff}
#cameron-lang li:first-child a:focus,
#cameron-lang li:first-child a:hover{border-top:1px solid #909090}
#cameron-lang li:last-child a:focus,
#cameron-lang li:last-child a:hover{border-bottom:1px solid #909090}