#wgtabs {
    border: 1px solid #ddd;
	  background-color: #f5f5f5;
    max-width: 600px;
}
ul {
    padding: 0;
    margin: 0;
}
#wgtabs .tabs,
#wgtabs .sub-tabs {
	  margin: 0px;
	  padding: 0px;
}
#wgtabs .tabs li,
#wgtabs .sub-tabs-a li,
#wgtabs .sub-tabs-b li {
	  border-bottom: 1px solid #ddd;
	  box-sizing: border-box;
	  color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
    text-align: center;    
}
#wgtabs .tabs li {
    width: 50%;
}
#wgtabs .sub-tabs-a li,
#wgtabs .sub-tabs-b li {
    width: 33.33%;
}
#wgtabs #tab-1 li:last-child,
#wgtabs #tab-2 li:last-child,
#wgtabs #tab-3 li:last-child,
#wgtabs #tab-4 li:last-child,
#wgtabs #tab-5 li:last-child,
#wgtabs #tab-6 li:last-child {
    border: none;
}
#wgtabs .tabs li.current, 
#wgtabs .tabs li:hover,
#wgtabs .sub-tabs-a li.current, 
#wgtabs .sub-tabs-a li:hover,
#wgtabs .sub-tabs-b li.current, 
#wgtabs .sub-tabs-b li:hover {
	  background-color: #06a8dc;
	  color: #fff;
}
.scd-tab {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#wgtabs .tab-content,
#wgtabs .sub-tab-content-a,
#wgtabs .sub-tab-content-b {
	  display: none;
}
#wgtabs .sub-tab-content-a,
#wgtabs .sub-tab-content-b {
	 padding: 15px;
}	
#wgtabs .tab-content {
    padding: 0;
}
#wgtabs .tab-content.current,
#wgtabs .sub-tab-content-a.current,
#wgtabs .sub-tab-content-b.current {
	  display: inherit;
}


.stepcontact {width: 100%;}
#substep1 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 750px;} 
#substep2 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 750px;} 
#substep3 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 650px;} 
#substep4 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 650px;}


.circle {background-color:#a1a1a1; width: 15px; height: 15px; margin-right: 10px; margin-left: 10px; }
.center {text-align: center; margin-top: 20px;}
.in-block { display: inline-block;}

.steparea button {border: none; background: none;}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.display-left{position:absolute;top:60%;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:60%;right:1%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

.display-left img {width: 45px;}
.display-right img {width: 45px;}

.step-area {width: 100%; margin: 0 auto; position:relative; height: 250px;}
.step-left {width: 250px; float: left;}
.step-right {width: 100%; padding-left: 280px;  position:absolute; top:35%;}
.h1 {font-size: 25px; line-height: 35px; color:#005bac; font-weight: bold;}
.word {font-size: 18px; line-height: 30px; margin-bottom: 20px; min-height: 90px;}
.word strong {color:#005bac; }
.step-top {width: 100%; text-align: center;}

.mobile-new {width: 70%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center;}
.mobe {width: 300px;}

.desktopscreen {width: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; text-align: center;}
.desktopscreen img {width: 90%;}

.m {display: none;}
.mc {display: block;}

.stephead {text-align: center; color: #005bac; font-weight: bold;}

 @media screen and (max-width: 1023px) {
#substep1 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 750px;} 
#substep2 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 750px;} 
#substep3 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 600px;} 
#substep4 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 600px;}
}
@media (max-width: 970px) {
.step-area {width: 90%; margin: 0 auto; position:none; height: auto;}
.step-left {width: 250px; float: none; text-align: center; padding-left: 5px; margin: 0 auto;}
.step-right {width: 100%; padding-left: 0px;  position:none; top:100%;}
.step-top {width: 100%; padding-left: 0px; text-align: center;}
.destop1 {width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px;}

.m {display: block;}
.mc {display: none;}
	
}

@media (max-width: 550px) {
.headline img {width: 420px;}
.mobile-new {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center;}
.mobe {width: 200px;}
.desktopscreen img {width: 80%;}
.word {font-size: 16px; line-height: 30px; margin-bottom: 20px; min-height: 150px;}	
#substep1 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 600px;}
#substep2 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 600px;}
#substep3 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 400px;}
#substep4 .steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 0  30px; height: 400px;}
.display-left{position:absolute;top:70%;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:70%;right:1%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}		
	}

.detail p {font-size: 15px; line-height:24px;}	 
.detail img {width: 13px; height: auto; margin-top: -8px;}

.mobilgif {width: 90%; margin: 0 auto; position:relative;}
.mobilgif img {width: 290px; float: left;}
.mobiledec {padding-left: 300px; padding-top: 50px;}

.cword {padding-left: 40px; font-size: 16px; line-height: 24px;  margin-bottom: 40px; color:#005bac;}
.cword .hea {font-size: 24px; line-height: 35px; }
.circle2 { background-color:#e37525;border-radius: 50%; color:#fff; font-size:18px; width:30px; height:30px; margin:0 5px 0 0;text-align:center; line-height:30px; display:inline-block; font-weight: bold; float: left;}


.cwordg {padding-left: 40px;font-size: 16px; line-height: 24px; margin-bottom: 40px; color:#535353;}
.cwordg .hea {font-size: 24px; line-height: 35px; }
.circle3 { background-color:#535353;border-radius: 50%; color:#fff; font-size:18px; width:30px; height:30px; margin:0 5px 0 0;text-align:center; line-height:30px; display:inline-block; font-weight: bold; float: left;}


.circle1 { background-color:#e37525;border-radius: 50%; color:#fff; font-size:18px; width:30px; height:30px; margin:0 5px 0 0;text-align:center; line-height:30px; display:inline-block; font-weight: bold;}

 @media screen and (max-width: 970px) {
.mpic {text-align: center;}
.mobilgif img {width: 300px; float: none;}
.mobiledec {padding-left: 0px; padding-top: 20px;}	
.cword {margin-bottom: 20px; }	 	 
.cwordg {margin-bottom: 20px; }	 	 
}