@CHARSET "UTF-8";
body{  
    margin:0px 0px 0px 0px;
    text-align: left;
    background-color: #FFFFFF;
    font-family:"微軟正黑體","新細明體",Arial,sans-serif;
    color: #000000;
    font-size: 1em;
    line-height:140%;
}
.COMPANY_DATA {color:white;font-size:0.2em;}
.A:link {color:white;font-size:0.2em;}
.DX {position:absolute; top:-1000px; left:-100px;font-size:6px;color:#FFFFFF;}

/* #### Mobile Phones Portrait #### */
@media screen and (min-device-width: 480px) and (orientation: portrait){
.RT {font-size:1.5em;color:red;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.2em;color:#FF0000;line-height:100%;font-weight: 500;}
.OLD_MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.MOREINFO {display:none;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:right;height:64px;padding-right:16px;}     

}

/* #### Mobile Phones Landscape #### */
@media screen and (min-device-width: 640px) and (orientation: landscape){
.RT {font-size:1.5em;color:orange;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.2em;color:#FF0000;line-height:100%;font-weight: 500;}
.OLD_MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.MOREINFO {display:none;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:right;height:64px;padding-right:16px;}   

}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 480px) {
.RT {font-size:1.5em;color:blue;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.2em;color:#FF0000;line-height:100%;font-weight: 500;}
.OLD_MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.MOREINFO {display:none;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:left;height:84px;padding-left:0px;}      

}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (min-device-width: 640px){
.RT {font-size:1.5em;color:gray;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.2em;color:#FF0000;line-height:100%;font-weight: 500;}
.OLD_MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.MOREINFO {display:none;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:right;height:128px;padding-right:24px;}   

}


/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) {
.RT {font-size:2em;color:green;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.8em;color:#FF0000;line-height:100%;font-weight: 500;}
.OLD_MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.MOREINFO {display:none;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:right;height:256px;padding-right:24px;}      

}

/* #### Desktops #### */
@media screen and (min-width: 1000px){
.RT {font-size:2em;color:RED;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.8em;color:#FF0000;line-height:100%;font-weight: 500;}
.MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:left;height:256px;padding-right:48px;}    

}

/* #### Desktops #### */
@media screen and (min-width: 1200px){
.RT {font-size:2em;color:RED;line-height:100%;font-weight:500;text-shadow:1px 1px 1px black;font-weight:900 \9;}
.RB {font-size:1.8em;color:#FF0000;line-height:100%;font-weight: 500;}
.MOREINFO {font-size:1.2em;line-height:140%;font-weight: 700;color:#FF0000;cursor:pointer;}
.LIST { list-style-type: none;list-style-image:url("pic/rect1.gif");margin:8px;padding:8px;list-style-image:none \9; }
.BOX { position:relative; padding:16px; width:100%;height:100%; }
.BOX img {  display:block;float:left;height:256px;padding-right:48px;} 
     
}