@charset "utf-8";
/* CSS Document */

/*就愛田原香-共用*/
#store #header{ background:url(../images/store/store_header.gif) bottom left no-repeat;}
#store #pagetitle { height:150px; background:url(../images/store/store_pagetitle.png) top left no-repeat;}

/*產品淡入用*/
.hidden { display:none; display:inline\9;}



div.store { display:block; width:550px; margin:0 0 10px 12px; padding:20px; background:#fff; border-bottom:#ddd 1px solid; font-size:12px; color:#666; overflow:hidden;}
div.store h3 { display:block; font-size:24px; padding:0 0 20px 0; font-weight:bold; color:#ed6d00;}
div.store h4 { display:block; position:absolute; top:0; left:0; width:80px; height:21px; padding:5px 0 0 8px; background:url(../images/store/title_bg.jpg) no-repeat; font-size:15px; color:#fff;}
div.store div.map { display:block; position:relative; float:left; width:295px; padding:36px 0 0 10px; overflow:hidden;}
div.store div.map img { display:block; }
div.store div.map img.zoomin { display:block; position:absolute; width:90px; height:40px; bottom:5px; right:5px; z-index:999;}
.item_main_picture { width:293px; height:214px;}
.mapbox { width:293px; height:214px; background:#FFF; float:left; overflow:hidden; position:relative;}
.item_main_picture_frame { width:293px; height:214px; position:absolute; top:0px; left:0px;}
div.store div.data { display:block; position:relative; float:right; width:200px; padding:26px 0 0 10px; overflow:hidden;}
div.store div.data img { display:block; padding:10px 0;}
div.store div.data ul { display:block; width:180px; border-left:#ddd 1px solid; padding:0 10px;}
div.store div.data ul li { font-size:12px; line-height:20px;}
div.store div.data ul li span { color:#ed6d00;}
div.store div.data a.gmap { display:block; float:left; height:16px; margin:10px 0 0 10px; padding:4px 0 0 23px; background:url(../images/store/google.jpg) 0 0 no-repeat; font-size:10px; color:#666; -webkit-text-size-adjust: none;}
div.store div.data a.qrcode { display:block; float:left; height:16px; margin:10px 0 0 10px; padding:4px 0 0 23px; background:url(../images/store/qrcode.jpg) 0 0 no-repeat; font-size:10px; color:#666; -webkit-text-size-adjust: none;}
div.store div.data a.gmap:hover, div.store div.data a.qrcode:hover { color:#333;}

body#map { width:620px; overflow:hidden;}
body#map .mapbox { display:block; width:620px; height:365px; overflow:hidden;}
body#map .mapbox div.map { float:left; width:500px; height:365px; background:#efefef;}
body#map .mapbox div.map img { width:500px; height:365px;}
body#map .mapbox div.qrcode { position:relative; float:right; width:100px; height:155px; padding:210px 10px 0 10px; background:#333;}
body#map .mapbox div.qrcode h3 { position:absolute; top:20px; right:10px; width:20px; font-size:16px; color:#999; text-align:center; line-height:18px; word-wrap: break-word; word-break: normal;  overflow:hidden;}
body#map .mapbox div.qrcode h3 span { color:#fff;}
body#map .mapbox div.qrcode p { padding:5px 0; font-size:12px; line-height:16px; color:#fff;}
body#map .mapbox div.qrcode img { width:100px; height:100px;}