@charset "UTF-8";
.tabbox {
                 margin: 0;
                 padding: 0;
                 width:100%;
                 background-color: #dde7fe;

}

p.tabs {
                  text-align: center;
                  margin: 0px 35px 20px 35px;
                  background-color: #dde7fe;

}

p.tabs a {
                  display: table-cell;
                  text-decoration: none;
                  vertical-align: middle;
                  margin: 0;
                  padding:.25em;
                  font-weight:900;
                  color:#131313;
                  width: 100px;
                  height: 50px;
                  font-size:1em;
                  line-height: 1.2;
                  position:relative;
                  cursor:pointer;
                  transition:800ms ease all;
                  outline:none;
                  background-color: #dbe6ff;
                  text-shadow: 1px 1px 1px #ffffff,
                                       1px 8px 10px rgba(0,0,0,0.15),
                                       1px 9px 2px rgba(0,0,0,0.1),
                                       1px 10px 10px rgba(0,0,0,0.1);
                  box-shadow:1px 3px 20px 1px #333333;
                                         -moz-box-shadow:1px 3px 20px 1px #333333;
                                      -webkit-box-shadow: 1px 3px 20px 1px #333333;

}

p.tabs a:hover {
                 background:#ecf3ff;
                 color:#009ee9;
                   -moz-transition:0.1s ease-in;
	                 -webkit-transition:0.1s ease-in;
	                 -o-transition:0.1s ease-in;
	                 -ms-transition:0.1s ease-in;
}


p.tabs a:before,p.tabs a:after{
                content:'';
                position:absolute;
                top:0;
                right:0;
                height:2px;
                width:0;
                background: #ff3600;
                transition:400ms ease all;

}
p.tabs a:after{
                 right:inherit;
                 top:inherit;
                 left:0;
                 bottom:0;

}
p.tabs a:hover:before,p.tabs a:hover:after{
                 width:100%;
                 transition:400ms ease all;

}

.tab {
                 margin: 0;
                 padding: 0;
                 width: 980px;
                 height: 640px;
}

.layerG{
                 margin: 0;
                 padding: 0;
                 width: 980px;
                 height: 640px;
                 background: -moz-linear-gradient(top,#dde7fe,rgba(236, 243, 255,0.3));
                 background:      -o-linear-gradient(#dde7fe,rgba(236, 243, 255,0.3));
                 background:        -webkit-gradient(linear,left top,right bottom,from(#dde7fe),to(rgba(236, 243, 255,0.3)));
                 background:           linear-gradient(to right bottom,#dde7fe,rgba(236, 243, 255,0.3));
}

.layerG2{
                 margin: 0;
                 padding: 0;
                 width: 980px;
                 height: 640px;
                 background: -moz-linear-gradient(top,#dde7fe,rgba(236, 243, 255,0.8));
                 background:      -o-linear-gradient(#dde7fe,rgba(236, 243, 255,0.8));
                 background:        -webkit-gradient(linear,left top,right bottom,from(#dde7fe),to(rgba(236, 243, 255,0.8)));
                 background:           linear-gradient(to right bottom,#dde7fe,rgba(236, 243, 255,0.8));
}

#tab1 {
               background-image: url("./images/Backg2.png");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab2 {
               background-image: url("./images/img1004.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}
#tab3 {
               background-image: url("./images/img1001.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab4 {
               background-image: url("./images/img1003.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab5 {
               background-image: url("./images/img1002.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab6 {
               background-image: url("./images/PAK86_codeing20140517_TP_V.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab7 {
               background-image: url("./images/img1005.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab8 {
               background-image: url("./images/business-switchx4_TP_V.jpg");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab9 {
               background-image: url("./images/Backg3.png");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab10 {
               background-image: url("./images/Backg2.png");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}

#tab11 {
               background-image: url("./images/Backg2.png");
               background-repeat: no-repeat;
               background-position: center center;
               background-size: bottom;
}