@charset "UTF-8";



#my_slide{ 
    position: fixed;
    top: 22%;
    right: 65px;
    height: 100%;
    z-index: 99999;
}
#my_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
 
#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

#my_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.92;
    transition: all 0.5s ease 0s;cursor: pointer;
}
#my_slide a.side-btn:hover{

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

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

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


#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 450px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none; 
    height: 100%;
    padding-bottom: 40px;
}

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

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

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
#my_slide{ display: block;
    position: fixed;
    top: 11%;
    right: 0px;
    height: 100%;
    z-index: 99999;
}
#my_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

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

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

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
#my_slide{ display: block;
    position: fixed;
    top: 11%;
    right: 0px;
    height: 100%;
    z-index: 99999;
}
#my_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

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

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

}


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
#my_slide{ display: block;
    position: fixed;
    top: 13%;
    right: 0px;
    height: 100%;
    z-index: 99999;
}
#my_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

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

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

}

/* 桌面版面: 1281px 到 1500px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
#my_slide{ display: block;
    position: fixed;
    top: 14%;
    right: 0px;
    height: 100%;
    z-index: 99999;
}
#my_slide img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

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

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

}

/* 桌面版面: 1501px 到 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1501px) {
#my_slide{ 
    position: fixed;
    top: 12%;
    right: 0px;
    height: 100%;
    z-index: 99999;
}

#myiframe_outter{
    display: inline-block;
    padding-right: 0;
    background: #937c58;
    height: 535px;
	border-bottom-right-radius:20px; 
}
#myiframe{
    display: none;
    height: 100%;
    padding-bottom: 40px; color:#ffffff;
}

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

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

}



/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
	
/*表格*/
.Formwf{float:right;width:220px; margin:0; padding:20px 20px 20px 20px;}
.Formsf{float:right;width:100%; margin-bottom:10px;}
.subject{float:right; width:100%; height:22px; margin:0 0 4px 0; padding:0; font-size:14px;}
.contactTbc{float:right; width:100%; height:22px; margin:0 0 10px 0;padding:0;}
.contactTb4{float:right;width:100%; margin-top:4px;}
.information3{width:100%; height:32px; padding: 6px; border:0px; border-radius: 8px;outline:none; box-sizing:border-box; border:0px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}
.information5{width:100%; height:80px; padding: 6px;border-radius: 8px;outline:none; box-sizing:border-box; border:0px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}

.contactSf3{float:right;width:100%; margin:0; padding:0}
.cpbtnwf{float:right;width:60%; margin:10px 20% 15px 20%; padding:0; text-align:center;}
.cpbtnwf a {display:block; height:28px; padding:0;font-size: 14px;color: #fff; text-decoration: none;border:2px solid #fff; background-color:#cb8060; line-height:30px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; border-radius: 10px;}
.cpbtnwf a:hover {color: #fff; background-color:#937c58;border:2px solid #fff;}
.remark{float:right;width:100%; margin:0; padding:0; text-align:center; font-size: 14px;}
.number{float:right;width:16px; margin:2px 10px 0 0; padding:0; background-color:#fff; border-radius: 20px; color:#937c58; line-height:16px; text-align:center; font-size:14px; font-weight:700}


}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/*表格*/
.Formwf{float:right;width:300px; margin:0; padding:20px 60px 20px 40px;}
.Formsf{float:right;width:100%; margin-bottom:10px;}
.subject{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0}
.contactTbc{float:right; width:100%; height:22px; margin:0 0 10px 0;padding:0;}
.contactTb4{float:right;width:100%; margin-top:4px;}
.information3{width:100%; height:32px; padding: 6px; border:0px; border-radius: 8px;outline:none; box-sizing:border-box; border:0px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}
.information5{width:100%; height:90px; padding: 6px;border-radius: 8px;outline:none; box-sizing:border-box; border:0px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}

.contactSf3{float:right;width:100%; margin:0; padding:0}
.cpbtnwf{float:right;width:60%; margin:20px 20%; padding:0; text-align:center;}
.cpbtnwf a {display:block; height:34px; padding:0;font-size: 15px;color: #fff; text-decoration: none;border:2px solid #fff; background-color:#cb8060; line-height:34px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; border-radius: 10px;}
.cpbtnwf a:hover {color: #fff; background-color:#937c58;border:2px solid #fff;}
.remark{float:right;width:100%; margin:0; padding:0; text-align:center}
.number{float:right;width:18px; margin:2px 10px 0 0; padding:0; background-color:#fff; border-radius: 20px; color:#937c58; line-height:18px; text-align:center; font-size:15px; font-weight:700}

	
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/*表格*/
.Formwf{float:right;width:300px; margin:0; padding:20px 60px 20px 40px;}
.Formsf{float:right;width:100%; margin-bottom:10px;}
.subject{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0}
.contactTbc{float:right; width:100%; height:22px; margin:0 0 10px 0;padding:0;}
.contactTb4{float:right;width:100%; margin-top:4px;}
.information3{width:100%; height:32px; padding: 6px; border:0px; border-radius: 8px;outline:none; box-sizing:border-box; border:0px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}
.information5{width:100%; height:90px; padding: 6px;border-radius: 8px;outline:none; box-sizing:border-box; border:0px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}

.contactSf3{float:right;width:100%; margin:0; padding:0}
.cpbtnwf{float:right;width:60%; margin:20px 20%; padding:0; text-align:center;}
.cpbtnwf a {display:block; height:34px; padding:0;font-size: 15px;color: #fff; text-decoration: none;border:2px solid #fff; background-color:#cb8060; line-height:34px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; border-radius: 10px;}
.cpbtnwf a:hover {color: #fff; background-color:#937c58;border:2px solid #fff;}
.remark{float:right;width:100%; margin:0; padding:0; text-align:center}
.number{float:right;width:18px; margin:2px 10px 0 0; padding:0; background-color:#fff; border-radius: 20px; color:#937c58; line-height:18px; text-align:center; font-size:15px; font-weight:700}


}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/*表格*/
.Formwf{float:right;width:300px; margin:0; padding:20px 60px 20px 40px;}
.Formsf{float:right;width:100%; margin-bottom:10px;}
.subject{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0}
.contactTbc{float:right; width:100%; height:22px; margin:0 0 10px 0;padding:0;}
.contactTb4{float:right;width:100%; margin-top:4px;}
.information3{width:100%; height:32px; padding: 6px; border:0px; border-radius: 8px;outline:none; box-sizing:border-box; border:0px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}
.information5{width:100%; height:90px; padding: 6px;border-radius: 8px;outline:none; box-sizing:border-box; border:0px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}

.contactSf3{float:right;width:100%; margin:0; padding:0}
.cpbtnwf{float:right;width:60%; margin:20px 20%; padding:0; text-align:center;}
.cpbtnwf a {display:block; height:34px; padding:0;font-size: 15px;color: #fff; text-decoration: none;border:2px solid #fff; background-color:#cb8060; line-height:34px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; border-radius: 10px;}
.cpbtnwf a:hover {color: #fff; background-color:#937c58;border:2px solid #fff;}
.remark{float:right;width:100%; margin:0; padding:0; text-align:center}
.number{float:right;width:18px; margin:2px 10px 0 0; padding:0; background-color:#fff; border-radius: 20px; color:#937c58; line-height:18px; text-align:center; font-size:15px; font-weight:700}


}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
/*表格*/
.Formwf{float:right;width:240px; margin:0; padding:20px 60px 20px 40px;}
.Formsf{float:right;width:100%; margin-bottom:10px;}
.subject{float:right; width:100%; height:22px; margin:0 0 8px 0; padding:0}
.contactTbc{float:right; width:100%; height:22px; margin:0 0 10px 0;padding:0;}
.contactTb4{float:right;width:100%; margin-top:4px;}
.information3{width:100%; height:32px; padding: 6px; border:0px; border-radius: 8px;outline:none; box-sizing:border-box; border:0px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}
.information5{width:100%; height:90px; padding: 6px;border-radius: 8px;outline:none; box-sizing:border-box; border:0px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111}

.contactSf3{float:right;width:100%; margin:0; padding:0}
.cpbtnwf{float:right;width:60%; margin:20px 20%; padding:0; text-align:center;}
.cpbtnwf a {display:block; height:34px; padding:0;font-size: 15px;color: #fff; text-decoration: none;border:2px solid #fff; background-color:#cb8060; line-height:34px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; border-radius: 10px;}
.cpbtnwf a:hover {color: #fff; background-color:#937c58;border:2px solid #fff;}
.remark{float:right;width:100%; margin:0; padding:0; text-align:center; font-size:15px}
.number{float:right;width:18px; margin:2px 10px 0 0; padding:0; background-color:#fff; border-radius: 20px; color:#937c58; line-height:18px; text-align:center; font-size:15px; font-weight:700}
}