html,body{
	padding:0;
	margin:0;
	font-family: 'Lato', sans-serif;
	font-weight:100;
}
@media screen and (max-width: 800px){
html,body{
	font-weight:normal;
}
}
#sBtn{
	position:absolute; 
	bottom:60px; 
	left:10px
}
#sBtn a {
    text-decoration: none;
    color: #231F20;
    line-height:normal;
    font-size: 1.4vw;
	display:block;
}
*[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.clear:after{
	content:'';
	display:none;
	clear:both;
	display:block;
}
#front .pic, #aboutPic .pic, #mainContent, #profolioInside, #contactPic{
	margin:0 44px auto;
	position:relative;
}
#header,#footer{
	padding:0 44px;
	margin:0;
	position:relative;
}
#journalIndexSet{
	padding: 0 44px;
	position:relative;
}
#aboutContent{
	right:44px !important;
}
#header{
	width:calc(100% - 88px);
	height:70px;
	position:fixed;
	background-color:rgba(255,255,255,0.7);
	top:0;
	z-index:999;
}
#menuBtn{
	width:20px;
	margin-top:28px;
	float:left;
	cursor:pointer;
	transition: 1s;
	position:relative;
}
.menuIconBox{
	border:1px solid #696A6D;
	height:2px;
	margin-bottom:2px;
	background-color:#FFF;
}
#title{
	margin-left:60px;
	float:left;
	font-size:16px;
	line-height:70px;
	text-transform: uppercase;
}
#aboutContent .id5{
	font-size:1vw;
	line-height:1vw;
}
@media screen and (min-width: 1280px){
#header{
	height:auto;
}
#title{
	font-size: 1.25vw;
	line-height: 5.468vw;
}
#menuBtn {
    width: 1.78%;
	padding-bottom:1.78%;
    height: 0px;
    margin-top: 2.35%;
}
.menuIconBox{
	border:1px solid #696A6D;
	padding-bottom:10%;
	height:0;
	margin-bottom:10%;
}
#footer .left {
   font-size: 0.94vw !important;
   line-height:4.7vw !important;
}
#footer{
   height:auto !important;
}
}
#title a{
	color:inherit;
	text-decoration:none;
}
#logo{
	width:6.3%;
	min-width:75px;
	float:right;
	padding-top:0.84%;
}
#logo img{
	width:100%;
}
#footer{
	height:45px;
	width:calc(100% - 88px);
	position:fixed;
	background-color:rgba(255,255,255,0.7);
	bottom:0;
	z-index:1000;
}
#footer .left{
	float:left;
	font-size:9px;
	color:#000;
	line-height:45px;
}
#footer .right{
	float:right;
	font-size:9px;
	color:#000;
	line-height:45px;
	cursor:pointer;
}
#footer .right img{
	margin-left:10px;
	width:10px;
	vertical-align:baseline;
}
.frontCircleSet, .aboutCircleSet{
	position:fixed;
	right:10px;
}
.frontCircle, .aboutCircle{	
	width:6px;
	height:6px;
	margin:6px;
	background-color:#333333;
	border-radius: 50%;
}
.frontCircle.on, .aboutCircle.on{
	background-color:#A7A9AC;
}
#front,#aboutPic{
	position:relative;
}
#aboutPic{
	/*width:70%;*/
}
#contactPic{
	
}
#profolioInside{
	display: inline-flex;
	position:relative;
}
#profolioInside > a{
	margin-right:15px;
	float: left;
	position:relative;
	opacity: 0;
 	transition:0.5s;
}
#profolioInside img{
	/*height:100%;
	width: auto;*/
}
#profolioInside img.icon{
	height:30px;
	width:30px;
	position:absolute;
	bottom:40px;
	right:40px;
	opacity: 0;
	transition: 1s;
}
#profolioInside a:hover img.icon{
	opacity: 1;
}
body.profolioInside{
	overflow:hidden;
}
#profolioInside .content{
	width:150px;
	height:100%;
	padding-right:44px;
	padding-left:20px;
	display:table;
	position:relative;
}
#profolioInside .content .desc{
	display: table-cell;
    text-align:right;
    vertical-align: middle;
	font-size: 1.1vw;
	line-height: 1.5vw;
}
@media screen and (min-width: 1800px) {
  #profolioInside .content .desc{
	font-size: 21px;
	line-height: 28px;
}
}
#profolioInside .content .date{
	position:absolute;
	top:70%;
	text-align:right;
	padding-right: 44px;
	right:0;
	font-size: 1.1vw;
	line-height: 1.5vw;
}
#profolioInsideL{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:44px;
	background-color:#FFF;
	z-index:100;
	text-align:center;
	cursor:pointer;
}
#profolioInsideR{
	position:fixed;
	right:0;
	top:0;
	height:100%;
	width:44px;
	background-color:#FFF;
	z-index:100;
	text-align:center;
	cursor:pointer;
}
#profolioInsideR img, #profolioInsideL img{
	position:absolute;
	left: 14px;
	cursor:pointer;

}

#aboutPic .content, #front .content{
	overflow:hidden;
	transition: 0.5s;
}
#contactPic .content{
	overflow:hidden;
	transition: 0.5s;
	width:50%;
}
#front .content .pic, #aboutPic .content .pic, #contactPic .content .pic,#contactPic .content .pic{
	overflow:hidden;
	transition: 0.5s opacity;
}
 #aboutPic .content .pic{
	width:70%;
}

#front .content .pic_c img{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#front .content .pic img:hover, #aboutPic .content .pic img:hover, #contactPic .content .pic img:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#front .title{
	position:absolute;
	top:10%;
	left:44px;
	font-size:4vw;
	width: 50%;

}
#front .title .t,#aboutPic .title .t{
	margin-left:10%;
}
#aboutPic .title{
	position:absolute;
	top:10%;
	left:44px;
	font-size:4vw;
	width:50%;
}
#front .title > div, #aboutPic .title > div{
	display:none;
}
#front .group, #aboutPic .group, #contactPic .group{
	transition: 1s;
	position:relative;
}
#front .line{
	border-bottom:1px solid #231F20;
	position:absolute;
	width:100%;
	left:-22px;
}
#aboutPic .line{
	border-bottom:1px solid #231F20;
	position:absolute;
	width:100%;
	left:-22px;
}
#front .date{
	font-size:1.3vw;
	margin-left:5%;
	margin-top: 1%;
}
#aboutPic .date{
	font-size:1.3vw;
	margin-left:5%;
	margin-top: 1%;
	width:calc(95% - 22px);
}
#menu{
	position:fixed;
	height:100%;
	width: calc(11.71% - 10px);
	min-width:177px;
	padding-right:10px;
	top:0;
	left:-99999px;
	background-color:rgba(255,255,255,0.85);
	z-index:1000;
	display:table;
	transition: 0.3s;
	transition-timing-function: linear;
}
@media screen and (max-width: 800px){
#menu{
	background-color:rgba(255,255,255,1);
}
}
#menu .content{
	display: table-cell;
    text-align:right;
    vertical-align: middle
}
#menu .content a{
	text-decoration:none;
	color:#231F20;
	line-height: 2.4vw;
	font-size: 1.1vw;
}
#st-1{
	transform: scale(0.7,0.7);
	transform-origin: 100% 100%;
}
.st-btn{
	display:inline-block !important;
	background-color: #666 !important;
}
#aboutContent{
	width:50%;
	position:absolute;
	top:0;
	font-size:1.1vw; 
	transition: 1s;
}
#aboutContent .id5 p{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#contactContent{
	width:50%;
	position:absolute;
	top:0;
	font-size:1.5vw; 
	transition: 1s;
}
#contactContent{
	right:0;
}
#aboutContent > div{
	position:absolute;
	right:0;
	width:80%;
	display:none;
}
#contactContent > div{
	position:absolute;
	display:none;
	right:0;
	width:90%;
}
.desktopHide{
	display:none;
}

/* Progile */
#softMenu{
	position:fixed;
	right:44px;
	width:calc((100% - 88px)*15/100);
	display: table;
}
#softMenu a.on{
	/*
	border-bottom:1px solid #000;
	line-height:44px;
	margin:6px 0;
	*/
}
#softMenu a{
	text-decoration:none;
	color:#000;
	display:block;
	line-height: 2.4vw;
	font-size: 1.1vw;
	text-align:right;
}
#softMenu > div{
  display: table-cell;
  vertical-align: middle;
}
.grid {
  width:calc((100% - 88px)*85/100);
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: calc((100% - 39px) /4);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.grid-item:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.grid-item {
  float: left;
  margin-bottom: 13px;
}
.grid-item img {
  display: block;
  width:100%;
  opacity: 0;
  transition:0.5s;
}
#loading{
	position:absolute;
	left:0;
	right:0;
	top:100px;
	margin:auto;
	width:50%;
	text-align:center;
	font-size:20px;
	line-height:30px;
}
#allNum{
	font-size: 2.5vw;
	position:relative;
	margin-top: 20%;
	float:right;
}
#nowNum{
	font-size:5vw; vertical-align: super; display:inline;
	font-weight:300;
}
#filterIcon{
	border: 1px solid #a5a5a5;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
	cursor:pointer;
	display:none;
}
.filterBtn{
	display:none;
}
.infoBtn {
    color: #939598;
    font-size: 16px;
    font-weight: 700;
    border: 4px solid #939598;
    padding: 0px 03px;
    text-decoration: none;
    display: inline;
    position: fixed;
    top: 100px;
    left: 75px;
    cursor: pointer;
	transition: 1s;
}
/* journalIndexSet*/
#journalIndexSet{
	
	background-color:#FFF;
	padding-top:80px;
}
#journalIndexContent{
	width:62.88%;
	margin-left:4%;
	margin-right:2%;
	float:left;
}
#journalIndexContent2{
	width:58%;
	float:left;
}
#journalIndexContent a.box{
	width:47%;
	margin-right:3%;
	margin-bottom:30px;
	float:left;
	display:block;
	text-decoration:none;
	color:inherit;
}
#journalIndexContent2 a.box{
	width:calc(50% - 20px);
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	display:block;
	text-decoration:none;
	color:inherit;
}
#journalIndexContent a.box.b, #journalIndexContent2 a.box.b{
    width: 100%;
}
#journalIndexContent .box.inside, #journalIndexContent2 .box.inside{
	margin-top:20px;;
	overflow:hidden;
}
#journalIndexContent .box.inside .pic, #journalIndexContent2 .box.inside .pic{
	padding-bottom:20%;
	position:relative;
}
#journalIndexContent .picS, #journalIndexContent2 .picS{
	width:33%;
	margin-right:0.5%;
	background-size:cover;
	background-position:center center;
	float:left;
	opacity:0;
}
#journalIndexContent .box .pic, #journalIndexContent2 .box .pic{
	width:100%;
	height:0;
	padding-bottom:68%;
	background-size:cover;
	background-position:center center;
	position:relative;
	transition: 0.5s;
	
}
#journalIndexContent .box .pic:hover, #journalIndexContent2 .box .pic:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#journalIndexContent .box.b .pic, #journalIndexContent2 .box.b .pic{
    padding-bottom:39%;
}
#journalIndexContent .picS:hover, #journalIndexContent2 .picS:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#journalIndexContent .box .pic .date, #journalIndexContent2 .box .pic .date{
	padding-top: 30%;
    text-align: center;
    font-size: 50px;
	transition: 0.5s;
	text-shadow: 0px 0px 4px #fff;
	opacity: 0;
}
#journalIndexContent .box .pic:hover .date, #journalIndexContent2 .box .pic:hover .date{
	opacity: 1;
}
#journalIndexContent .box .text{
	padding:25px 15px;
	font-size: 1.1vw;
	line-height: 1.5vw;
}
#journalIndexContent2 .box .text{
	padding:15px;
	font-size: 1.1vw;
	line-height: 1.5vw;
}

#journalIndexContent .box .text .title, #journalIndexContent2 .box .text .title{
	font-size: 1.5vw;
	margin-bottom:15px;
}
#journalIndexMenu{
	width:31.12%;
	float:left;
	/*margin-left: 10.88%;*/
}
	
#journalIndexMenuInside{
	margin: 0 20px;
	border: 4px solid #939598;
	padding: 20px 5px 20px 25px;
	width:52.5%;
	overflow:auto;
}
#journalIndexMenuInside .title{
	font-size: 1.5vw;
}
#journalIndexMenuInside .title.s{
	margin-top:40px;
}
#journalIndexMenuInside a{
	font-size: 1.1vw;
	line-height: 2.4vw;
	margin-top:15px;
	color:inherit;
	text-decoration:none;
	display:block;
}
#journalIndexMenuInside a.on{
	text-decoration:underline;
}
#journalIndexMenuInside a.tag{
	display: inline-block;
	padding-right: 20px;
}
#btnBack {
    color: #939598;
    font-size: 16px;
    font-weight: 700;
    border: 4px solid #939598;
    padding: 3px 5px;
    text-decoration: none;
    display: inline;
    position:absolute;
	bottom:0;
	right:44px;
    cursor: pointer;
    transition: 1s;
}
#journalIndexContent2 .date{
	font-size:1.3vw;
}
#journalIndexContent2 .title{
	font-size:2.5vw;
}
@media screen and (max-width: 800px){
#aboutContent .id5 {
    font-size: 1.5vw;
    line-height: 1.5vw;
}
#front .title > div, #aboutPic .title > div {
    display:block;
}
#front .title, #aboutPic .title{
	font-size:7vw;
	width:80%;
	left: 44px;
}
.move #title{
	margin-left:80px;
}
#aboutContent .id5 p{
	margin-top:1em;
	margin-bottom:1em;
}
.move #menuBtn {
	position:fixed;
	    top: 0;
}
#header.move{
	position:relative;
}
#journalIndexMenuInside .title {
    font-size: 16px;
}
#journalIndexMenuInside a {
    font-size: 14px;
    line-height: 18px;
}
#journalIndexContent a.box, #journalIndexContent2 a.box {
    width: calc(50% - 10px);
    margin-right: 5px;
	margin-left:5px;
	margin-bottom: 10px;
}
.grid-sizer,
.grid-item {
  width: calc((100% - 26px) /3);
}
#profolioInside .content .desc {
	font-size: 16px;
    line-height: 20px;
}
#profolioInside .content .date {
	font-size: 16px;
    line-height: 20px;
}
#aboutContent,{
    font-size: 13px !important;
	line-height:20px !important;
}
#contactContent .stext{
    font-size: 14px;
	line-height:20px;
}
#menu .content a {
    line-height: 30px;
    font-size: 16px;
}
#sBtn a {
    line-height: 22px;
    font-size: 16px;
}
#allNum {
	display:none;
}
#profolioInside{
	display:block;
}
#header, #footer{
	width:calc(100% - 88px);
	background-color:#FFF !important;
}
#contactPic .content {
    width: 100%;
}
#contactContent {
    width:auto;
    position:relative;
	right: 0px !important;
	font-size:20px;
}

#contactContent .text1 > div:nth-child(1){
	margin-bottom:30px !important;
	margin-top:10px;
}
#contactContent .text1 > div:nth-child(2){
	margin-bottom:30px !important;
}
#contactContent > div{
	display:block;
	position:relative;
	width:100%;
}
#btnWrite{
	display:none;
}
#journalIndexContent .box .text {
    padding: 8px;
    font-size: 1.7vw;
	line-height: 2vw;
}
#journalIndexContent .box .text .title {
    font-size: 1.7vw;
	/*line-height: 3.5vw;*/
	margin-top: 5px;
	margin-bottom: 5px;
}
#journalIndexContent2 .date{
	font-size:13px;
}
#journalIndexContent2 .title{
	font-size:15px;
}
#journalIndexContent2 .box .text {
    padding: 8px;
    font-size: 12px;
	line-height: 15px;
}
#journalIndexContent2 .box .text .title {
    font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}
#journalIndexContent a.box.b,#journalIndexContent2 a.box.b {
    width: calc(100% - 20px);
}
#journalIndexMenuInside {
    margin: 0;
	margin-bottom: 20px;
}
#aboutContent > div {
	position:relative;
    right: 0;
    width: auto;
	display:block;
}
#aboutPic .line {
    width: 100%;
}
#aboutPic .content .pic {
    width: auto !important;
	/*transition: none;*/
}
#aboutPic .title {
    top: 80px;
}
#aboutContent{
    width:auto;
    margin: 0 44px auto;
	position:relative;
	right:auto !important;
}
#logo{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	float:none;
}
.filterBtn{
	width:30px;
    display: inline;
    position: absolute;
    top: 24px;
    right: 22px;
}
.filterBtn img{
	width:100%;
}
#softMenu {
   font-size: 1.5vw;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
    text-align: center;
	background-color:#FFF;
	height:auto;
	margin-top:0;
	transition: 0.3s;
	transition-timing-function: linear;
}
.grid{
	width:calc(100% - 88px);
}

#softMenu{
	padding:30px 0;
	background-color:rgba(255,255,255,1);
}
#softMenu a{
    text-align: center;
	font-size:16px;
	line-height:20px;
}
}


@media screen and (max-width: 1000px){
#journalIndexContent,#journalIndexContent2,#journalIndexMenu{
	width:100%;
	margin-left:0;
    margin-right:0;
}
#journalIndexMenuInside {
    padding: 20px;
}
#journalIndexContent .box .pic .date,#journalIndexContent2 .box .pic .date{
	display:none;
}
}
.insideCircleSet{
	margin-bottom:20px;
}
.insideCircle{	
	width:12px;
	height:12px;
	margin:6px;
	background-color:#333333;
	border-radius: 50%;
	cursor:pointer;
	float:left;
}
.insideCircle.on{
	background-color:#A7A9AC;
}
.tab{
	color:#939598; font-size:16px; font-weight:bold; border:4px solid #939598; padding:3px 5px; text-decoration:none;
	margin-right:20px;
}
.lb-dataContainer {
	display:none !important;
}
.lightboxOverlay {
    opacity:0.5 !important;
}
#btnPrev, #btnNext, #btnTop{
	color:#939598; font-size:16px; font-weight:bold; border:4px solid #939598; padding:3px 5px; text-decoration:none;
	cursor:pointer;
	position:absolute;
	width: 40px;
}
#btnNext{
	right:0;
}
#btnPrev{
	left:0;
}
#btnTop{
	left:0;
	right:0;
	margin:auto;
}
#btnSet{
	clear:both; text-align:center; position:relative;
	height:60px;
}
@media screen and (max-width: 550px){
.move #title{
	margin-left:0;
}
#contactContent {
	
}
#contactPic, #profolioInside{
	
}
.grid-sizer,
.grid-item {
  width: calc((100% - 13px) /2);
}
}
@media screen and (max-width: 550px){
#header, #footer{
	width:calc(100% - 44px);
	background-color:#FFF !important;
}
.desktopHide{
	display:block;
}
#footer {
    height: auto;
}
#footer .right {
    float: none;
}
#st-1 {
	margin-top:6px;
    transform-origin: 50% 50%;
	text-align:center !important;
}
#footer .left {
    float: none;
	text-align:center !important;
	line-height: 30px;
}

#front .title, #aboutPic .title{
	font-size:7vw;
	width:80%;
	left: 22px;
}
#front .line, #aboutPic .line {
    left: -11px;
}
#front .date, #aboutPic .date{
	font-size:4vw;
}
#front, #aboutPic, #contactPic, #mainContent {
    
}
#mainContent {
 /*padding-top: 135px;*/
}
#header {
    height: 110px;
}
#header.pinside{
	height: 135px;
}
#logo {
    width: 100px;
	padding-left:42px;
    float:none;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	padding-top: 5px;
}
#title {
    margin-left: 0px;
    float: none;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
    font-size: 16px;
    line-height:normal;
    text-transform: uppercase;
	text-align:center;
	top:85px;
}
#menuBtn {
    width: 30px;
}

#front .pic, #aboutPic .pic, #mainContent, #profolioInside, #contactPic{
	margin:0 22px auto;
}
#header,#footer{
	padding:0 22px;
	margin:0;
}

#journalIndexSet{
padding-left:22px;
padding-right:22px;
}
#aboutContent{
	right:22px;
}

.frontCircleSet, .aboutCircleSet{
	right:0;
}
#contactPic {
    width: calc(100% - 44px);
	
}

#aboutContent{
    width:auto;
    position:relative;
	margin: 0 22px auto;
	right: 0px !important;
}


#front .content .pic img, #aboutPic .content .pic img, #contactPic .content .pic img {
    /*transition: none;*/
}
#front .content .pic, #aboutPic .content .pic, #contactPic .content .pic, #contactPic .content .pic {
    /*transition: none;*/
}


.mobileHide{
	display:none;
}
#aboutContent > div, #contactContent > div{
    width: 100%;
}
#aboutContent .id5 >div{
	float:none !important;
	width:100% !important;
}
#aboutContent .id5 p{
	line-height:normal;
}
#contactContent{
	margin-top:10px;
}
#contactContent > div{
	display:block;
	position:relative;
}
#contactContent .text1{
	margin-bottom:0 !important;
}
#btnWrite{
	display:none;
}
}
@media screen and (max-width: 550px){
#aboutContent .id5 {
    font-size: 13px !important;
    line-height: 1vw;
}
#aboutContent{
    font-size: 13px !important;
	text-align:justify;
}
.grid{
	width:calc(100% - 44px);
}
#journalIndexContent .box.inside .pic,#journalIndexContent2 .box.inside .pic {
    padding-bottom: 30%;
}

#allNum{
	display:none;
}
#profolioInside a {
    margin-right:0;
    float:none;
	margin-bottom:15px;
	display: block;
}
#profolioInside {
    display: block;
}
#profolioInside img {
    height:auto;
    width:100%;
}
body.profolioInside {
    overflow:auto;
}
.infoBtn {
    left: 20px !important;
	top:20px !important;
}
#profolioInside img.icon {
    bottom: 20px;
    right: 20px;
}
#profolioInside .content {
    width: 100%;
    height:auto;
    padding-right: 0;
    padding-left: 0;
    display:block;
    position: relative;
}
#profolioInside .content .desc {
    display:block;
    text-align: right;
	font-size: 16px;
    line-height: 20px;
}
#profolioInside .content .date {
    position:relative;
    top:0;
    text-align: right;
    padding-right: 0;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 16px;
    line-height: 20px;
}
#profolioInside{
	margin-top:135px;
	margin-bottom:83px;
}
#btnBack {
	margin-top:30px;
	margin-bottom:68px !important;
	position:relative;
	right:0;
	display:inline !important;
	float:right !important;
}
#sBtn{
	bottom:68px; 
}
}
.lb-outerContainer{
	border-radius:0px  !important;
}
.lb-image{
	border:0 !important;
	border-radius:0px  !important;
}
#so{
	transform: scale(0.7,0.7);
    transform-origin: 100% 100%;
}
#so .sicon{
	width:32px !important;
	margin-right: 8px !important;
}
@media screen and (max-width: 550px){
#so {
	margin-top:6px;
    transform-origin: 50% 50%;
	text-align:center !important;
}
}