@charset "UTF-8";



#myline_slide{ display: block;
    position: fixed;
    top: 52%;
    right: 0px;
    height: 100%;
    z-index: 99998;
}

#myiframeline_outter{
    display: inline-block;
    padding-right: 0;
    background: #1eaa20;
    height: 270px;
	border-bottom-right-radius:20px; 
}
#myiframeline{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

#myline_slide a.side-btn{
    position: absolute;
    border: 0px;
    right: -63px;
    display: block;
    font-size: 0px;
    background: url("") no-repeat scroll 0 0 transparent;
    opacity: 0.85;
    transition: all 0.5s ease 0s;cursor: pointer;
}
#myline_slide a.side-btn:hover{

}
#myline_slide a.side-btn#gileline_outter{
    background-position: 0 0 ;
    width: 64px;
    height: 126px;
    top: 0;
    cursor: pointer;
}


/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
#myline_slide{ display:none;
    position: fixed;
    top: 40%;
    right: 0px; 
    height: 100%;
    z-index: 99998;
}

#myline_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 


#myiframeline_outter{
    display: inline-block;
    padding-right: 0;
    background: #f15a25;
    height: 380px;
	border-bottom-right-radius:20px; 
}
#myiframeline{
    display: none; 
    height: 100%;
    padding-bottom: 40px;
}

#myline_slide a.side-btn{
    position: absolute;
    border: 0px;
    right: -49px;
    display: block;
    font-size: 0px;
    background: url("") no-repeat scroll 0 0 transparent;
    opacity: 0.92;
    transition: all 0.5s ease 0s;
}
#myline_slide a.side-btn:hover{

}
#myline_slide a.side-btn#gileline_outter{
    background-position: 0 0 ;
    width: 50px;
    height: 98px;
    top: 0;
    cursor: pointer;
}	
	
	
#myline_slidemodel{display: block;position: fixed;top: 40%;right: 0px;height: 100%;z-index: 99998; opacity: 0.85; width: 40px;height: 79px;}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
#myline_slide{display:none;
    position: fixed;
    top: 52%;
    right: 0px;
    height: 100%;
    z-index: 99998;
}


#myline_slidemodel{display: block;position: fixed;top: 19%;right: 0px;height: 100%;z-index: 99998; opacity: 0.92;width: 40px;height: 79px;}
#myline_slidemodel img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
	
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
#myline_slide{ display: none;
    position: fixed;
    top: 24%;
    right: 0px;
    height: 100%;
    z-index: 99998;
}
#myline_slidemodel{display: block;position: fixed;top: 19%;right: 0px;height: 100%;z-index: 99998; opacity: 0.85; width: 40px;height: 79px;}
#myline_slidemodel img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

/*QRCode*/
.Formwfline{float:right;width:178px; margin:0; padding:20px 60px 20px 40px;}
.Formsfline{float:right;width:100%; margin-bottom:20px;}
  .Formsfline img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.subjectline{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0; font-size:17px; color: #68ff20}
.greentx{ color:#fff}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
#myline_slide{ display: block;
    position: fixed;
    top: 26%;
    right: 0px;
    height: 100%;
    z-index: 99998;
}
#myline_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframeline_outter{
    display: inline-block;
    padding-right: 0;
    background: #1eaa20;
    height: 380px;
	border-bottom-right-radius:20px; 
}
#myiframeline{
    display: none; 
    height: 100%;
    padding-bottom: 40px;
}

#myline_slide a.side-btn{
    position: absolute;
    border: 0px;
    left: -39px;
    display: block;
    font-size: 0px;
    background: url("") no-repeat scroll 0 0 transparent;
    opacity: 0.92;
    transition: all 0.5s ease 0s;
}
#myline_slide a.side-btn:hover{

}
#myline_slide a.side-btn#gileline_outter{
    background-position: 0 0 ;
    width: 40px ;
    height: 79px;
    top: 0;
    cursor: pointer;
}	

#myline_slidemodel{display: none;}

/*QRCode*/
.Formwfline{float:right;width:178px; margin:0; padding:20px 60px 20px 40px;}
.Formsfline{float:right;width:100%; margin-bottom:20px;}
  .Formsfline img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.subjectline{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0; font-size:17px; color: #68ff20}
.greentx{ color:#fff}

}

/* 桌面版面: 1281px 到 1500px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
#myline_slide{ display: block;
    position: fixed;
    top: 24%;
    right: 0px;
    height: 100%;
    z-index: 99998;
}
#myline_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframeline_outter{
    display: inline-block;
    padding-right: 0;
    background: #1eaa20;
    height: 380px;
	border-bottom-right-radius:20px; 
}
#myiframeline{
    display: none; 
    height: 100%;
    padding-bottom: 40px;
}

#myline_slide a.side-btn{
    position: absolute;
    border: 0px;
    left: -49px;
    display: block;
    font-size: 0px;
    background: url("") no-repeat scroll 0 0 transparent;
    opacity: 0.92;
    transition: all 0.5s ease 0s;
}
#myline_slide a.side-btn:hover{

}
#myline_slide a.side-btn#gileline_outter{
    background-position: 0 0 ;
    width: 50px ;
    height: 98px;
    top: 0;
    cursor: pointer;
}	

#myline_slidemodel{display: none;}

/*QRCode*/
.Formwfline{float:right;width:178px; margin:0; padding:20px 60px 20px 40px;}
.Formsfline{float:right;width:100%; margin-bottom:20px;}
  .Formsfline img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.subjectline{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0; font-size:17px; color: #68ff20}
.greentx{ color:#fff;}

}

/* 桌面版面: 1501px 到 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1501px) {
#myline_slide{ display: block;
    position: fixed;
    top: 24%;
    right: 10px;
    height: 100%;
    z-index: 99998;
}
#myiframeline_outter{
    display: inline-block;
    padding-right: 0;
    background: #1eaa20;
    height: 380px;
	border-bottom-right-radius:20px; 
}
#myiframeline{
    display: none; 
    height: 100%;
    padding-bottom: 40px;
}

#myline_slide a.side-btn{
    position: absolute;
    border: 0px;
    right: -59px;
    display: block;
    font-size: 0px;
    background: url("") no-repeat scroll 0 0 transparent;
    opacity: 0.92;
    transition: all 0.5s ease 0s;
}
#myline_slide a.side-btn:hover{

}
#myline_slide a.side-btn#gileline_outter{
    background-position: 0 0 ;
    width: 60px;
    height: 126px;
    top: 0;
    cursor: pointer;
}	

#myline_slidemodel{display: none;}

/*QRCode*/
.Formwfline{float:right;width:178px; margin:0; padding:20px 60px 20px 40px;}
.Formsfline{float:right;width:100%; margin-bottom:20px;}
  .Formsfline img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.subjectline{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0; font-size:17px; color: #68ff20}
.greentx{ color:#fff;}

}