.secFraL { width:784px; float:left }
.secFraR { width:219px; float:left }
/* Second Left Menu */
.secLMenu li { line-height:30px; background:url(../html/imagesNew/arrowGrayR.gif) no-repeat left 10px; padding-left:10px }
.secLMenu li.secLMenuCur { color:#eb008d; font-weight:bold; background:url(../html/imagesNew/arrowR.gif) no-repeat left 10px; padding-left:10px }
.secLMenu li.secLMenuCur a,.secLMenu li.secLMenuCur a:visited { color:#555 }
.secLMenu li.secLMenuCur a:hover { color:#eb008d; text-decoration:underline }

.artBox { padding:20px 0 0 20px }
.artDate { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555 }
.artBox p { line-height:22px; margin-bottom:5px }
.artFloatImgR { float:right; margin:0 0 20px 20px }
.artFloatImgL { float:left; margin:0 20px 20px 0 }
.artTitle { text-align:center }
h3.artTitleSec,.artTitle { font-size:13px; font-weight:bold; margin:10px 0; clear:both }
.artListR,.artListL { padding-left:24px }
.artListR li,.artListL li { line-height:24px; background:url(../html/imagesNew/uldot.gif) no-repeat left 2px; padding-left:10px }
  .artListL,.artListR  { float:left; padding-bottom:20px }
  .artListL { margin-right:40px }
  
/* SiteMap */
.sMapT { width:101%; margin-bottom:10px; zoom:1; overflow:hidden; clear:both }
.sMapT li { float:left; background:#eee; height:25px; line-height:25px; text-align:center; font-weight:bold; margin-right:10px; width:24%; overflow:hidden  }
.sMap {  width:101%; margin-bottom:15px; zoom:1; overflow:hidden; clear:both }
.sMapContBox { width:24%; float:left; margin-right:10px }
.sMapCont { clear:both; zoom:1; overflow:hidden }
.sMapCont p,.sMapCont ul { float:left; line-height:25px; text-align:left }
.sMapCont p { width:40%; background:url(../html/imagesNew/arrowR.gif) no-repeat 60% center }
.sMapCont ul { width:59% }
.sMapCont p a,.sMapCont p a:visited { color:#eb008d }
.sMapCont p a:hover { text-decoration:underline }
.sMapCont ul li { float:left; width:48% }
.sMapCont ul.sMapCLar li { width:100% }
.sMapCont ul.sMapBrand { clear:both; width:100%; margin:0 0 10px 20px }
.sMapCont ul.sMapBrand li { width:10%; margin-right:20px }

/* Free Infomation */
.freeL { width:500px; float:left; padding:10px 20px 0 0 }
.freeR { width:450px; float:left; padding:10px 0 0 20px  }
.freeDot { background:url(../html/imagesNew/bg_dotH.gif) repeat-y 520px top }
.freeL p,.freeR p { line-height:22px; margin-bottom:5px }

.hisList { clear:both; zoom:1; overflow:hidden; margin:20px 0 }
.hisList dt { float:left; width:80px; background:#ddd; color:#555; font-size:13px; text-align:center; font-weight:bold; margin-right:20px }
.hisList dd { float:left; width:620px; line-height:24px; margin-top:-5px }

/* Media */
.mediaYear,.mediaMonth,.mediaList,.mediaCont { clear:both; zoom:1; overflow:hidden }
.mediaYear { padding-left:10px}
.mediaYear li { float:left; margin-right:5px; height:25px }
.mediaCont { background:#f5f5f5; padding:10px; margin-bottom:10px; position:relative; border-top:1px solid #c3006f }
.mediaMonth { margin:5px 0 15px 0 }
.mediaMonth li { float:left; width:44px; margin-right:10px  }
.mediaName { width:160px; height:25px; line-height:25px; color:#fff; font-size:13px; font-weight:bold; text-align:center; position:absolute; background:url(../html/imagesNew/media/main/bg_monthly.gif) no-repeat left top }
.mediaList { background:#fff; margin-bottom:20px; padding-top:30px }
.mediaList dt { float:left; width:160px; text-align:center; padding:10px 0 }
.mediaList dd { float:left; width:580px; padding:5px 0 10px 0 }
.mediaList dd  ul { margin:0 30px; clear:both; zoom:1; overflow:hidden }
.mediaList dd  ul li { width:250px; float:left; line-height:24px; background:url(../html/imagesNew/arrowR.gif) no-repeat left 8px; padding-left:10px  }
.mediaList dd p { padding:5px 0 0 30px }

/* Help */
.helpL,.helpC,.helpR { float:left; width:260px;}
.helpL ul,.helpC ul, .helpR ul,.helpRList { margin:10px 0; line-height:24px  }
.helpL li,.helpC li,.helpR li { background:url(../html/imagesNew/arrowR.gif) no-repeat 10px 8px; padding-left:20px }
.helpRList li { background:url(../html/imagesNew/iconQues.gif) no-repeat 10px 5px; padding-left:30px }
.helpT { background:#eee; height:25px; line-height:25px; color:#eb008d; font-weight:bold; padding:0 10px; margin-right:20px }
.hackClear { clear:both; font-size:0; line-height:0 }
.helpTNone { background:#eee; height:25px; line-height:25px; color:#eb008d; font-weight:bold; padding:0 10px }
.fontLight { font-weight:lighter; line-height:24px; color:#999 }

.formListCont { width:100% }
.formListCont td { height:35px; line-height:22px; border-bottom:1px solid #ddd; text-align:left; vertical-align:top; padding:0 5px }
.formListCont .formListT td { font-weight:bold; background:#eee; height:30px; line-height:30px; border:0 none }

.openWin { margin:10px }
.openWin p { margin-bottom:5px }
.openWin td { padding:8px 0; font-size:12px  }
.openTable { width:100%; text-align:center; margin:10px auto; }
.openTable td { height:25px; line-height:25px; background:#f5f5f5; border-bottom:1px solid #fff }
.openTable2 { width:100%; text-align:center }
.openTable2 td { border:1px solid #ccc }
.openTable2 td table.openTableNone td { border:0 none}

.tableGray { border:1px solid #ccc; border-width:1px 0 0 1px; margin:10px auto }
.tableGray td { border:1px solid #ccc; padding:5px }

.tdBgLine { height:1px; line-height:0; font-size:0; background:#ddd }

/* CMS */
.cmsArtBg { border:12px solid #e3e3e3; padding:1px; background:#fff; margin:0 0 20px 20px }
.cmsCont { padding:19px; }
.cmsArtBg p { text-indent:24px; margin:15px 19px }
.cmsArtT { margin-bottom:20px }
.cmsArtTitle { color:#eb008d; font-size:16px; text-align:center; font-weight:bold;  line-height:24px }
.cmsArtTitleSec { color:#eb008d; font-size:12px; text-align:center; line-height:22px}
.cmsPoint { text-align:center; clear:both; zoom:1; overflow:hidden; margin:0 0 10px 20px }
.cmsPointL { float:left; width:340px; height:18px; line-height:18px; background:url(../html/imagesNew/bg_pre.gif) no-repeat right top; padding:0 30px 0 0; text-align:right }
.cmsPointR { float:right; width:340px; height:18px; line-height:18px; background:url(../html/imagesNew/bg_next.gif) no-repeat left top; padding:0 0 0 30px; text-align:left }
.cmsPointL a:hover,.cmsPointR a:hover { text-decoration:underline }
.cmsOthreNew { background:url(../html/imagesNew/bg_gray.gif) repeat-x left top; padding:20px; margin-left:20px }
.cmsOtherNewT { color:#333; font-size:12px; font-weight:bold }

.cmsNewTab { border-bottom:1px solid #c7c7c7; height:26px;}
* html .cmsNewTab { height:auto; padding-bottom:26px }
* + html .cmsNewTab { height:21px; padding-bottom:15px }
.cmsNewM0 { font-size:13px; font-weight:bold; text-align:center; color:#555; margin-top:10px; overflow:hidden; clear:both }
.cmsNewM0 li { width:82px; height:25px; *height:auto; padding:1px 0 0 0; *padding:5px 0 0 0; float:left; display:block; cursor:pointer; margin-right:6px; background:url(../html/imagesNew/cms/cmsTabBg.gif) no-repeat left bottom }
.cmsNewM0 li.cmsNewCur { color:#333; height:25px; *height:auto; padding:2px 0 0 0; *padding:4px 0 2px 0; background:url(../html/imagesNew/cms/cmsTabOn.gif) repeat-x left top; cursor:pointer }
.proMenu0 li.cmsNewCur a:visited,p.cmsNewCur { color:#333 }
#cmsNewC0 ul { display:none }
#cmsNewC0 ul.cmsNewOn { display:block }
#cmsNewC0 { position:relative; clear:both; margin-bottom:10px; border:1px solid #c7c7c7; border-width:0 1px 1px 1px; padding:15px 20px }
#cmsNewC0 ul li { padding:8px 0; background:url(../html/imagesNew/bg_dotV.gif) repeat-x left bottom; }
#cmsNewC0 ul li img { vertical-align:middle; margin-right:10px }
#cmsNewC0 ul li a img { margin-left:10px }
#cmsNewC0 ul li a,#cmsNewC0 ul li a:visited { color:#555 }
#cmsNewC0 ul li a:hover { color:#eb008d }
#cmsNewC0 ul li.cmsMore { position:absolute; right:-1px; *right:20px; width:53px; height:15px; padding-top:13px; text-align:center; background:url(../html/imagesNew/cms/cmsMore.gif) no-repeat right 15px; }
#cmsNewC0 ul li.cmsMore a,#cmsNewC0 ul li.cmsMore a:visited { color:#333 }
#cmsNewC0 ul li.cmsMore a:hover { color:#eb008d }

.secFraL .secTitle { margin-top:-10px }
.secFraR .secTitle { margin-top:10px }


.headBg { background:url(../html/imagesNew/minipage/20091102_3rd/bg-head.jpg) no-repeat left top; height:438px;}
.titleBox { background:url(../html/imagesNew/minipage/20091102_3rd/bg-titleBox.gif) no-repeat left top; height:984px; vertical-align:top}
.stepTable { margin-bottom:32px;}


/*StoreLocation Lan 2011-11-29*/
.dropDownList{float: left; margin-top: 4px}
.dropDownList select{ width: 186px; height: 20px; color: #999999; margin-right: 4px}
.searchBtn{ width: 68px; height:28px; background:url(../html/imagesNew/searchBtn.gif) 0px 0px no-repeat; border: 0; cursor: pointer;}
.map{ width: 760px; height: 454px}
.map_02{ width: 569px; height: 454px; float: left; margin-right: 5px}
.map_03{ width: 500px; height: 270px; float: left; margin-left: 20px}
.map_04{ width: 635px; height: 455px; float: left; margin:15px 0px 25px 0px}
.result{ width: 186px; background:#f5f5f5; float: left;position:relative}
.resultList{width:186px;height:388px;overflow:hidden}
.resultList li{ width: 166px;background:#f5f5f5; color: #666666; font-size: 12px; line-height: 18px;border-bottom:1px solid #dddddd;border-top:1px solid #fff;margin:0px 10px;height:95px}
/*shop 2011-12-14 */.resultList li .shopName{ font-style: normal; color: #eb008d; padding-top: 6px; cursor: pointer;height:20px;overflow:hidden}
/*shop 2011-12-16 */.resultList li .shopAddress{height:36px;overflow:hidden;margin-bottom:3px}
/*shop 2011-12-16 */.resultList li .shopTele{height:18px;overflow:hidden}
/*shop 2011-12-14 */.resultList li .shopName font{font-weight:bold;margin-right:3px}
/*shop 2011-12-16 */.shopPageList{position:relative;top:-1px;z-index:10}
/*shop 2011-12-16 */.resultPic{position:relative;z-index:15;}
.result .title{ height: 40px !important; padding: 0 !important}
.result .page{ height: 27px !important;margin:0px 15px;_margin:0px 7px;border-top:1px solid #fff}

.page a{ line-height: 14px; display: block; float: left; margin-top: 6px}
.page a.prev{ width: 53px; height: 14px; border-right: #CCCCCC solid 1px; padding-left: 14px; background:url(../html/imagesNew/page.gif) 0px 0px no-repeat}
.page a.noPrev{color:#999999;width: 53px; height: 14px; border-right: #CCCCCC solid 1px; padding-left: 14px; background:url(../html/imagesNew/page.gif) 0px 0px no-repeat}
.page a:hover.prev{background:url(../html/imagesNew/page.gif) 0px -14px no-repeat}
.page a.next{ width: 68px; height: 14px; padding-left: 14px; background:url(../html/imagesNew/page.gif) 50px -28px no-repeat}
.page a.noNext{ width: 68px; height: 14px; padding-left: 14px; background:url(../html/imagesNew/page.gif) 50px -28px no-repeat;color:#999999;}
.page a:hover.next{background:url(../html/imagesNew/page.gif) 50px -42px no-repeat}

/*** overlay ***/
#simplemodal-container{width: 537px; height: 367px; border: #000000 solid 1px}
#simplemodal-overlay{background: none;cursor:default}
#simplemodal-container a.modalCloseImg{background: url(../html/imagesNew/close.png) no-repeat scroll 0 0 transparent;cursor: pointer;display: inline;height: 17px;position: absolute; right: 0px; top: 0px;width: 30px; height: 30px;z-index: 999}
.simplemodal-container, .basiceContainer{background:#f9f9f9}
#checkModal{display:none}

.popTitle{ height: 36px; background:url(../html/imagesNew/popTitle.gif) left top repeat-x; color: #FFFFFF; line-height: 30px}
.popTitle .shopName{ font-size: 14px; font-weight: bold; padding-left: 15px}

.shopInfoTitle{ border-bottom: #000000 solid 1px; height: 23px; margin: 15px 15px 15px 15px;}
.shopInfoTitle ul{ float: left}
.shopInfoTitle li{ display: block; float: left; width: 62px; height: 23px; line-height: 23px; text-align: center; background:url(../html/imagesNew/shopInfoTitleLiBg.gif) left top repeat-x; margin-right: 5px}
.shopInfoTitle li a{ text-decoration: none; color: #555555}
.shopInfoTitle .active{ background: url(../html/imagesNew/shopInfoTitleLiActive.gif) left top no-repeat; color: #FFFFFF;}
.shopInfoTitle .active a{ text-decoration: none; color: #FFFFFF}
.shopInfoTitle .print{ float: right; height: 23px; line-height: 23px}

.photosAndInfo{ margin: 15px 15px 15px 15px}
.photosAndInfo .shopPhotos{ float:left}
.shopPhotos .bigPhoto{ width: 251px; height:158px; border: #000000 solid 3px}
.shopPhotos ul{ margin-top: 10px}
.shopPhotos li{ float:left; width: 46px; height: 46px; border: #000000 solid 1px; margin-right: 4px}
.photosAndInfo .info{ float: right; width: 230px}
.info li{ color: #555555; line-height: 18px; padding-bottom: 20px;}
.info .title{ height: 22px; border-bottom: #dddddd solid 1px; padding-bottom: 0px; margin-bottom: 6px;}
.info em{ font-style: normal; font-weight: bold}

.storeMag{ margin-bottom:20px}