.headerlink {
    font-size : 9px;
    text-align: right;
    line-height: 10px;
    vertical-align: bottom;
    text-decoration: none;
}
.memuimage {
    width: 90px;
    height: 20px;
}
.headermenu1 {
    background-color: rgb(86,162,173);
}
.headermenu2 {
    background-image: url('/Image/Header/ProductMenu1.jpg') ;
    width: 90px;
    height: 60px;
}
.headermenu3 {
    font-size : 9px;
    text-align: right;
}
.headerbarimage {
    height : 30px;
    width : 30px;
}
.headerbarimage2 {
    vertical-align : top;
    height : auto;
    width : 6%;
}
.footerlogoimage {
    height: auto;
    width: 25%;
    margin-bottom: 10px;
}
.body-content {
    margin-top: 20px;
}
.QRcode{
    width: 50%;
    height: auto;
}
.Image{
    width: 70%;
    height: auto;
}
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;
}

#navi .submenuWrap {
	position: absolute;
	display: none;
	left:50%;
	top: 52px;
	margin-left: -485px;
	width: auto;
}

.vip_menu {
    background-color: #e0641b  !important;
    font-size: 20px  !important;
}
.vip_menu a:hover, .vip_menu a:focus {
    background-color: #fff !important; 
    color: #e0641b !important;
}

@media (max-width:1920px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.8);
        line-height: 10px;
        text-align:right;
        margin: 10px 5% 0 0;
    }
    .headerlogo {
        margin-left : 5px;
        font-size : 48px;
        text-align: left;
    }
    .headerlogoimage {
        height : 50px; 
        width: auto;
        margin-top: 25px;
    }
    .headerOptions_pc .navbar-toggle   /* added by Ming, 2021/02/09 */
    {
        margin-top: -4px;
        margin-right: -40px;
    }
    .body-content {
        margin-top: 0px;
    }
    .headerfooter {
        font-size : 12px;
        line-height: 14px;
    }
    .headerfooter1 {
        margin-left : 20px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }
    .headerfooter2 {
        display: inline-block;
        width: 40%;
        height: auto;
        margin-left: 1em;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        display: inline-block;
        width: 30%;
        height: auto;
        margin-left: 1em;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 18px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 10px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:1366px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.8);
        line-height: 10px;
        text-align:right;
        margin: 10px 5% 0 0;
    }
    .headerlogo {
        margin-left : 5px;
        font-size : 48px;
        text-align: left;
    }
   /* .headerlogoimage {
        height : 75px;
        width : 120px;
    }*/
    .body-content {
        margin-top: 0px;
    }
    .headerfooter {
        font-size : 12px;
        line-height: 14px;
    }
    .headerfooter1 {
        margin-left : 20px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }
    .headerfooter2 {
        display: inline-block;
        width: 40%;
        height: auto;
        margin-left: 1em;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        display: inline-block;
        width: 30%;
        height: auto;
        margin-left: 10px;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 18px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 10px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:1024px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.8);
        line-height: 10px;
        text-align:right;
        margin: 10px 5% 0 0;
    }
    .headerlogo {
        margin-left : 5px;
        font-size : 48px;
        text-align: left;
    }
   /* .headerlogoimage {
        height : 75px;
        width : 120px;
    }*/
    .body-content {
        margin-top: 0px;
    }
    .headerfooter {
        font-size : 12px;
        line-height: 14px;
    }
    .headerbarimage2 {
        vertical-align : top;
        height : 30px;
        width : 30px;
    }
    .footerlogoimage {
        height : auto;
        width : 120px;
    }
    .headerfooter1 {
        margin-left : 20px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }
    .headerfooter2 {
        display: inline-block;
        width: 39%;
        height: auto;
        margin-left: 1em;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        display: inline-block;
        width: 30%;
        height: auto;
        margin-left: 10px;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 18px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 10px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:768px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.43);
        line-height: 10px;
        text-align:right;
        margin: 10px 30px 0 0;
    }
    .headerlogo {
        margin-left : 40px;
        font-size : 20px;
        line-height: 20px;
    }
    .headerlogoimage {
        height : 50px;
        width : auto;
        margin-top: 10px;
    }
    .headerlogoimage2 {
        height : 50px;
        width : 150px;
        margin-top: 10px;
    }
    .headerOptions {
        padding: 12px 0px;
    }
    .headerWelcome
    {
        padding-top: 2%;
        font-size : 15px;
        line-height: 15px;
        margin: -5px 30px 0px 0px;
    }
    .headerOptions .navbar-toggle
    {
        padding: 10px 10px 0 5px;
        margin-top: 12px;
    }
    .navbar-toggle .icon-bar {
        width: 27px;
        height: 7px;
    }
    .headerOptions a
    {
        padding: 5px;
    }
    .navbar-brand {   /* added by Ming, 2021/1/29 */
        font-size: 16px;
        line-height: 30px;
    }
    .navbar-brand {   /* added by Ming, 2021/2/26 */
        font-size: 25px;
        line-height: 35px;
        padding: 5px;
    }
    .dropdown-menu > li > a {   /* added by Ming, 2021/2/26 */
        font-size: 25px;
    }
    .navbar-nav > li > a {   /* added by Ming, 2021/2/26 */
        font-size: 25px;
        line-height: 30px;
        padding: 5px 0 0 0px;
    }
    .body-content {
        margin-top: -50px;
    }
    .headerfooter {
        font-size : 9px;
        line-height: 10px;
    }
    .QRcode{
        width: 70%;
        height: auto;
    }
    .Image{
        margin-top:50px;
        width: 85%;
        height: auto;
    }
    .headerfooter1 {
        font-size : 4px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }
    .headerfooter2 {
        font-size : 2px;
        display: inline-block;
        width: 35%;
        height: auto;
        margin-left: 1em;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        font-size : 2px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 1em;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 9px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 7px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:480px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.43);
        line-height: 10px;
        text-align:right;
        margin: 10px 30px 0 0;
    }
    .headerlogo {
        margin-left : 40px;
        font-size : 20px;
        line-height: 20px;
    }
    /*.headerlogoimage {
        height : 50px;
        width : 79px;
        margin-top: 10px;
    }*/
    .headerlogoimage2 {
        height : 45px;
        width : 133px;
        margin-top: 10px;
        margin-left: -5px;
    }
    .headerOptions {
        padding: 8px 5px 8px 0px;
    }
    .headerWelcome
    {
        padding-top: 2%;
        font-size : 14px;
        line-height: 15px;
        margin: -2px 30px 0px 0px;
    }
    .headerOptions .navbar-toggle
    {
        padding: 10px 6px 0 5px;
        margin-top: 8px;
    }
    .headerOptions a
    {
        padding: 5px;
    }
    .body-content {
        margin-top: -40px;
    }
    .headerfooter {
        font-size : 9px;
        line-height: 10px;
    }
    .QRcode{
        width: 100%;
        height: auto;
    }
    .Image{
        margin-top:30px;
        width: 100%;
        height: auto;
    }
    .footerlogoimage {
        height : auto;
        width : 100px;
    }
    .headerbarimage2 {
        vertical-align : top;
        height : auto;
        width : 15%;
    }
    .headerfooter1 {
        font-size : 4px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 10px;
        text-align: left;
    }
    .headerfooter2 {
        font-size : 2px;
        display: inline-block;
        width: 38%;
        height: auto;
        margin-left: 10px;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        font-size : 2px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 10px;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 9px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 7px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:420px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.43);
        line-height: 10px;
        text-align:right;
        margin: 10px 30px 0 0;
    }
    .headerlogo {
        margin-left : 40px;
        font-size : 12px;
        line-height: 20px;
    }
    .headerlogoimage {
        height: 35px;
        width: auto;
        margin-top: 10px;
    }
    .headerlogoimage2 {
        height : 26px;
        width : 80px;
        margin-top: 10px;
        margin-left:-5px;
    }
    .headerOptions {
        padding: 8px 5px 5px 0px;
    }
    .headerWelcome
    {
        padding-top: 2%;
        font-size : 12px;
        text-align: right;
    }
    .headerOptions .navbar-toggle
    {
        padding: 10px 5px 0 5px;
        margin-top: 8px;
    }
    .headerOptions a
    {
        padding: 5px;
    }
    .body-content {
        margin-top: -40px;
    }
    .headerfooter {
        font-size : 9px;
        line-height: 10px;
    }
    .QRcode{
        width: 100%;
        height: auto;
    }
    .Image{
        margin-top:30px;
        width: 100%;
        height: auto;
    }
    .footerlogoimage {
        height : auto;
        width : 100px;
    }
    .headerbarimage2 {
        vertical-align : top;
        height : auto;
        width : 18%;
    }
    .headerfooter1 {
        font-size : 4px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 10px;
        text-align: left;
    }
    .headerfooter2 {
        font-size : 2px;
        display: inline-block;
        width: 38%;
        height: auto;
        margin-left: 10px;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        font-size : 2px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 10px;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 9px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 7px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}
@media (max-width:320px){
    .headerbar {
        background-color: rgba(255, 255, 255, 0.43);
        line-height: 10px;
        text-align:right;
        margin: 10px 30px 0 0;
    }
    .headerlogo {
        margin-left : 40px;
        font-size : 12px;
        line-height: 18px;
    }
    .headerlogoimage {
        height : 31px;
        width : 50px;
        margin-top: 10px;
    }
    .headerlogoimage2 {
        height : 20px;
        width : 60px;
        margin-top: 10px;
    }
    .headerOptions {
        padding: 8px 5px 5px 0px;
    }
    .headerWelcome
    {
        padding-top: 2%;
        font-size : 10px;
        text-align: right;
    }
    .headerOptions .navbar-toggle
    {
        padding: 10px 5px 0 5px;
        margin-top: 8px;
    }
    .headerOptions a
    {
        padding: 5px;
    }
    .body-content {
        margin-top: -5px;
    }
    .headerfooter {
        font-size : 9px;
        line-height: 10px;
    }
    .QRcode{
        width: 100%;
        height: auto;
    }
    .Image{
        margin-top:50px;
        width: 100%;
        height: auto;
    }
    .footerlogoimage {
        height : auto;
        width : 100px;
    }
    .headerbarimage2 {
        vertical-align : top;
        height : auto;
        width : 20%;
    }
    .headerfooter1 {
        font-size : 4px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 10px;
        text-align: left;
    }
    .headerfooter2 {
        font-size : 2px;
        display: inline-block;
        width: 35%;
        height: auto;
        margin-left: 10px;
        text-align: center;
        vertical-align: top;
    }
    .headerfooter3 {
        font-size : 2px;
        display: inline-block;
        width: 25%;
        height: auto;
        margin-left: 5px;
        text-align: center;
    }
    .Script{
        font-family:Microsoft JhengHei;
        font-size : 9px;
        color:#838383
    }
    .Script2{
        font-family:Microsoft JhengHei;
        font-size : 7px;
        color:#838383
    }
    .Script3{
        font-family:Microsoft JhengHei;
        font-size : 12px;
        color:#838383
    }    
    .Script4{
        font-family:Microsoft JhengHei;
        font-size : 14px;
        font-weight:bold;
    }
}