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

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {

div.boxGal {float: left;margin: 3px;border-radius:5px;}
.galsWrap {width: 100%; max-width: 1000px; margin: 0 auto;}
.galBox {width: 170px; padding: 5px; margin: 3px 3px 3px 4px; border: solid 1px #DBC78E; background: #FFFFFF; z-index: 900; border-radius: 5px;}
.galImg {width: 170px; height: 227px; position: relative; border-radius: 5px;}
.new {height:50px; width:50px; position: absolute; top: 0; right: 0;}
.galName {width: 170px; height: 26px; line-height: 26px; margin: 5px 0; text-align: center; font-size: 16px; background: #405C3C; color: #FFFFFF; border-radius: 5px;}
.galSize {width: 170px; height: 40px; line-height: 20px; margin: 5px 0; text-align: center; font-size: 12px; color: #1D1D1D;}
.galTxt {width: 170px; margin: 5px 0; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #FFFFFF;}
.galTxt2 {width: 170px; margin: 5px 0; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #F4AEC4;}

.imgSize {width: 170px; height: 227px;}
.imgSizePic {width: 100px; height: 133px;}

.twiBox {width: 170px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}

}


/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {

div.boxGal {float: left;margin: 3px;border-radius:5px;}
.galsWrap {width: 100%; max-width: 1000px; margin: 0 auto;}
.galBox {width: 130px; padding: 5px; margin: 3px 3px 3px 4px; border: solid 1px #DBC78E; background: #FFFFFF; z-index: 900; border-radius: 5px;}
.galImg {width: 130px; height: 173px; position: relative; border-radius: 5px;}
.new {height:50px; width:50px; position: absolute; top:0px; right:0;}
.galName {width: 130px; height: 26px; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 16px; background: #405C3C; color: #FFFFFF; border-radius: 5px;}
.galSize {width: 130px; height: 40px; line-height: 20px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 12px; color: #1D1D1D;}
.galTxt {width: 130px; margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #FFFFFF;}
.galTxt2 {width: 130px; margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #DBC78E;}

.imgSize {width: 130px; height: 173px;}
.imgSizePic {width: 100px; height: 133px;}

.twiBox {width: 130px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}

}


/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {

div.boxGal {float: left; margin: 3px; border-radius: 5px;}
.galsWrap {width: 100%; margin: 0 auto;}
.galBox {width: 110px; padding: 5px; margin: 1px; border: solid 1px #DBC78E; background: #FFFFFF; z-index: 900; border-radius: 5px;}
.galImg {width: 110px; height: 147px; position: relative; border-radius: 5px;}
.new {height:50px; width:50px; position: absolute; top:0px; right:0;}
.galName {width: 110px; height: 26px; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 14px; background: #405C3C; color: #FFFFFF; border-radius: 5px;}
.galSize {width: 110px; height: 40px; line-height: 20px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 12px; color: #1D1D1D;}
.galTxt {width: 110px; margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #FFFFFF;}
.galTxt2 {width: 110px; margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #F4AEC4;}

.imgSize {width: 110px; height: 147px;}
.imgSizePic {width: 100px; height: 133px;}

.twiBox {width: 110px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}


}