/*--smp8000_tailored開始--------------------------------------------------------------------------------*/

.tailored8000{
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
  background-color:#fff;
  padding-bottom:0%;
  padding-top:0;
  color: #595959;
}

.tailored8000 .contents {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px auto;
  box-sizing: border-box;
  margin-top:0%;
}

.tailored8000 .contents h2{
  width: 90%;
  float: left;
  display: block;
  color: #595959;
  margin: 15px 5% 40px 5%;
  text-align:center;
  padding-bottom:1.5%;
}

.tailored8000 .contents .box1 {
  width: 51.2%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}

.tailored8000 .contents .box2 {
  width: 40.8%;
  height: auto;
  float: left;
  margin: 0.8% 4%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: left;
}

.tailored8000 .contents .box1 .box11 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  background-image: url("../images/digital_signage_products/smp-2100/digital_signage_player_dual_video_outputs_smp2100.jpg"); 
  background-repeat:no-repeat;
  -moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
}

.tailored8000 .contents .box1 .box11 span{
  margin-right:130px;
  margin-top:20px;
  float:right;
}

.tailored8000 .contents  .box1 .box11 .box121{
  width: 13.6%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;

}

.tailored8000 .contents  .box1 .box11 .box122{
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}


.tailored8000 .contents  .box1 .box11 .box122:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}

.tailored8000 .contents  .box1 .box11 .box123{
	width: 12.7%;
    /* height: auto; */
    float: left;
    margin: 0%;
    padding: 0px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}

.tailored8000 .contents .box2 .box21 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: left;
}

.tailored8000 .contents .box2 .box21 a {
text-decoration:none;
color: #e5a900;
}

.tailored8000 .contents .box2 .box21 a:hover {
text-decoration:underline;
}

.tailored8000 .contents .box2 .box22 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: left;
}

.tailored8000 .contents .box2 .box22 .box221 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: left;
  margin:4% 0 1% 0;
}

.tailored8000 .contents .box2 .box22 .box221 span{
}

.tailored8000 .contents .box2 .box22 .box222 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221{
  width: 50%;/*一個字落單的問題*/
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  cursor:pointer;
  margin:1% 0% 1% 0%;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221:hover{
opacity:0.6;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221 .photo{
  width: 30%;
  height: 80px;
  float: left;
  margin: 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221 .descript{
  width: 65%;
  height: auto;
  float: left;
  margin: 0%;
  padding: 0px;
  margin-left:4%;
  text-decoration: none;
  box-sizing: border-box;
text-align:left;  
    color: #595959;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221 .descript b{
color:#3c3c3c;
}


@media only screen and (max-width: 1680px) {
.tailored8000 .contents .box1 .box11 span{
  margin-right:40px;
  margin-top:21px;
}

.tailored8000 .contents .box2 .box22 .box222 .box2221{
  width: 50%;/*一個字落單的問題*/
  margin:1% 0% 1% 0%;
}
}

@media only screen and (max-width: 1366px) {
.tailored8000 .contents h2 {
margin: 15px 5% 25px 5%;
}
.tailored8000 .contents {
margin-top:7%;
}
.tailored8000 .contents .box2 .box22 .box221 {
margin:7% 0 3% 0;
}
.tailored8000 .contents .box1 .box11 span{
margin-right:5px;
margin-top:15px;
float:right;
}
.tailored8000 .contents .box1 .box11 span{
margin-right:0%;
}
.tailored8000 .contents .box2 .box22 .box2221{
min-height:100px;
}
}

@media only screen and (max-width: 1280px) {
.tailored8000 .contents {
margin-top:9%;
}

.tailored8000{
padding-bottom:8%;
}

.tailored8000 .contents .box1 .box11 span{
margin-right:0px;
margin-top:12px;
float:right;
}
}
@media only screen and (max-width: 1152px) {
.tailored8000 .contents .box1 .box11 span{
margin-right:0px;
margin-top:9px;
float:right;
font-size: 20px;
-webkit-transform: scale(0.75);/*12×0.75=9*/
-o-transform: scale(1);/*opera 已改为 blink 内核，所以需要修正*/
}
}

@media only screen and (max-width: 1024px) {
.tailored8000{
padding-bottom:0px;
padding-top:0%;
}

.tailored8000 .contents .box1 {
width: 100%;
}

.tailored8000 .contents .box2 {
width: 100%;
margin: -10% 0% 0% 0%;
padding:0% 18%;
}

.tailored8000 .contents h2{
width:100%;
margin-right:0%;
margin-left:0%;
}

.tailored8000 .contents .box1 .box11 span{
margin-right:30px;
margin-top:20px;
float:right;
font-size: 30px;
-webkit-transform: scale(0.75);/*12×0.75=9*/
-o-transform: scale(1);/*opera 已改为 blink 内核，所以需要修正*/
}

.tailored8000 .contents .box2 .box22 .box2221{
min-height:auto;
}
}

@media only screen and (max-width: 768px) {
.tailored8000 .contents .box2 .box22 .box222 .box2221 .descript{}
.tailored8000{
padding-bottom:0px;
}

.tailored8000 .contents h2{
width:80%;/*一個字落單的問題*/
margin-right:10%;/*一個字落單的問題*/
margin-left:10%;/*一個字落單的問題*/
}
.tailored8000 .contents .box1 .box11 span{
margin-right:110px;
margin-top:11px;
float:right;
font-size: 26px;
-webkit-transform: scale(0.75);/*12×0.75=9*/
-o-transform: scale(1);/*opera 已改为 blink 内核，所以需要修正*/
}
}
@media only screen and (max-width: 736px) {
.tailored8000 .contents .box1 .box11 span{
margin-right:0px;
margin-top:12px;
float:right;
font-size: 24px;
-webkit-transform: scale(0.75);/*12×0.75=9*/
-o-transform: scale(1);/*opera 已改为 blink 内核，所以需要修正*/
}
}

@media only screen and (max-width: 667px) {
.tailored8000 .contents .box1 .box11 span{
  margin-right:0px;
  margin-top:10px;
  float:right;
  font-size: 22px;
  -webkit-transform: scale(0.75);    /*12×0.75=9*/
  -o-transform: scale(1);            /*opera 已改为 blink 内核，所以需要修正*/
}
}

@media only screen and (max-width: 600px) {
.tailored8000 .contents h2 {
text-align:center;
margin-top:0;
padding-top:0;
}

.tailored8000 .contents {
margin-top:15%;
}

.tailored8000 .contents .box2 {
padding:0% 5%;
}

.tailored8000{
padding-top:0px;
padding-bottom:18px;
}

.tailored8000 .contents h2{
margin: 15px 14% 10px 14%;
width:72%;/*一個字落單的問題*/
}

.tailored8000 .contents .box1 .box11 span{
display:none;
}

.tailored8000 .contents .box1 .box11 {
background-image: url("../images/digital_signage_products/smp-2100/digital_signage_player_dual_video_outputs_smp2100_m.jpg"); 
}

.tailored8000 .contents .box2 .box22 .box222 .box2221{
width: 100%;
}

.tailored8000 .contents .box2 .box21 p{
margin-right:3%;
margin-left:3%;
}

.tailored8000 .contents .box2 .box22 .box221 {
width:94%;
margin-right:3%;
margin-left:3%;
margin-bottom:15px;
}
}

@media only screen and (max-width: 568px) {
.tailored8000 .contents .box1 .box11 span{
font-size:0px;
/*background-image: url(../images/digital_signage_products/8000tailored/text.gif); */
width:20%;
height:auto;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat:no-repeat;
margin-right:2%;
}
}

@media only screen and (max-width: 414px) {
.tailored8000 .contents h2{
margin: 15px 0% 10px 0%;
width:100%;/*一個字落單的問題*/
}
}