body{
    letter-spacing:1px;
    font-family:GillSans,"Gill Sans MT",Calibri,sans-serif, "Microsoft JhengHei","微軟正黑體";
}

#nav_main #top_menu_nav > li{
    /*margin-right: 14%;*/
    margin-right: 6%;
}

#main_banner #smainbanner .title span, .giftforher .head .title span, .giftforhim .head .title span{
    font-family: GillSans,"Gill Sans MT",Calibri,sans-serif, "Microsoft JhengHei","微軟正黑體";
}

.titleHD .hd {
  font-family: GillSans,"Gill Sans MT",Calibri,sans-serif, "Microsoft JhengHei","微軟正黑體";
}

.titleHD .con {
  font-size: 17px;
   font-family: GillSans,"Gill Sans MT",Calibri,sans-serif, "Microsoft JhengHei","微軟正黑體";
}

/* charme cord wearing */

.charmeCordWearing .step .hd {
    font-size: 35px;
}

.charmeCordWearing .step .subhd{
    margin: -10px 0 20px 0;
}

.span769up #xmasShipperAndHandline{
     top: 55%;
}


#banner .span769up .btn1{
   width: 12.5%;
   height: 9%;
   top: 65%;
   left: 37%;
}

#banner .span769up .btn2{
   width: 12.5%;
   height: 9%;
   top: 65%;
   left: 50.5%;
}





/****   1450 ****/

@media (min-width: 1025px) {
    #footer ul>li {margin: 0px 13% 0 6%; }

}



/****   1024 ****/

@media (min-width: 769px) and (max-width:1024px) {
    #footer ul>li {margin: 0px 7%;}
    .titleHD .hd { font-size: 18px;}
    .titleHD .con {   font-size: 14px;  }
}

@media screen and (max-width: 1023px){
     #summaryMenubtn{
        top: -80px;
    }
}

/****   768 ****/

@media (min-width: 481px) and (max-width:768px) {
     .titleHD .hd { font-size: 18px;}
    .titleHD .con {   font-size: 14px;  }
}


/****   480 ****/

@media (max-width: 480px) {
     .titleHD .hd { font-size: 15px;}
    .titleHD .con {   font-size: 12px;  }

    .charmeCordWearing .step .hd {
        font-size: 30px;
    }

}