/*-- reset --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background-repeat: no-repeat;
  font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after { content: ''; content: none;}
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a { text-decoration: none;}
input { outline: none; border: none;}
button { outline: none; border: none;}

/*-- reset end --*/

/*-- init --*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-7ocqul");
  src: url("../fonts/icomoon.eot?#iefix-7ocqul") format("embedded-opentype"), url("../fonts/icomoon.ttf?-7ocqul") format("truetype"), url("../fonts/icomoon.woff?-7ocqul") format("woff"), url("../fonts/icomoon.svg?-7ocqul#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-envelope:before { content: "\e600";}
.icon-phone:before { content: "\e601";}
button { cursor: pointer; vertical-align: middle;}
.btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}
h2 { font-size: 18px;}

.play-btn { position: absolute; left: 50%; top: 50%;}
.play-btn { width: 46px; height: 46px; margin: -23px 0 0 -23px; background: url("../images/btn_play.png");}

/*.wrapper h2 { color: #f19a34;}*/
/*-- init end --*/

/*-- main --*/

.loading{
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100vh;
    text-align: center;
    background: rgba(255,255,255,.8);
    padding-top: 40vh;
}
.loading img{
    width: 100px;
}   


body{ background-image: url(../images/bg.jpg); background-repeat: repeat;}
.wrap{ margin: 0 auto; /*width: 1170px;*/}
.clear{ clear: both;}
#header .wrap{ width: 1124px; padding-left: 16px; padding-right: 30px;}
/*-- main > header --*/
#header{ height: 100px; background-image: url(../images/header_bg.png); background-repeat: repeat-x;}

#header .wrap a.logo{ float: left; display: block; width: 204px; height: 70px; background-image: url(../images/logo.png); margin-top: 9px; background-color: #fff;}

.search-bar{ float: left; width: 177px; height: 27px; border: 1px solid #cbcbcb; margin-top: 28px; margin-left: 10px;}
a.search-btn{ display: inline-block; width: 27px; height: 27px; background-image: url(../images/search-btn.png);}
.search-bar input{ width: 144px; height: 27px; vertical-align: top; background: none; line-height: 27px;}

.nav{ font-size: 0; float: right;}
.nav li{ display: inline-block; margin-right: 1px;}
.nav li a{ display: block; font-size: 15px; font-weight: bold; color: #fff; width: 61px; height: 41px; background-color: #e60012; padding: 29px 12px 0;}
.nav li a.on, .nav li a:hover{ height: 51px; background-color: #9a0f19;}

.nav li a span{ font-size: 11px; font-weight: normal; color: #3f3f3f; display: block; margin-bottom: 5px;}
.nav li a.on span, .nav li a:hover span{ color: #d0d0d0;}


/*-- content --*/

/*-- expand content --*/
.expand-content{ width: 100%; padding-bottom: 10px; background-image: url(../images/expand-contetnt-bg-parttern.png);background-repeat: repeat; background-color: #197baf;}
.expand-content > .shadow{ width: 100%; height: 4px; margin-bottom: 6px; background-color: #000; opacity: .15;}
.expand-content .wrap{ width: 1110px;}


/*-- main > footer --*/
#footer{ }
#footer .wrap{ position: relative; width: 1110px; padding-top: 20px;}
#footer .wrap a.logo{ display: block; width: 152px; height: 42px; background-image: url(../images/footer-logo.png); margin-bottom: 23px;}
#footer .contact-info li{ color: #000; font-size: 13px; line-height: 21px;}
#footer .contact-info li > *{vertical-align: middle; line-height: 21px; color: #313131;}
#footer .contact-info i{ color: #1173a7; font-size: 18px; line-height: 21px; margin-right: 7px;}
#footer .contact-info li.service-mail{ margin-bottom: 21px;}
#footer .contact-info li.service-phone{ padding-bottom: 130px;}
.company-info{ font-size: 12px; color: #959595; font-weight: bold; position: absolute; bottom: 12px;}
.company-info .copyright{ font-weight: normal;}

.site-map{ float: right; padding-top: 30px; padding-bottom: 28px;}
.site-map > li{ display: inline-block; vertical-align: top; min-width: 94px; padding-right: 6px;}
.site-map h4{ font-size: 15px; font-weight: bold; color: #2d2d2d; margin-bottom: 6px;}
.site-map ol a{ font-size: 12px; line-height: 20px; color: #878787; cursor: pointer;}
.site-map ol a:hover{color: #9a0f19;}

.site-map .brand-site-list{display: none;}
.site-map .brand-site-list li{  text-indent: 5px;}
/*-- main end --*/


/*-- index --*/

/*-- index > banner --*/
#content{ min-height: 80vh;}
#index #content .wrap{width: 1114px;}
.banner-slider{
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.banner-slider ul.slider-img {}
.banner-slider ul.slider-img li {}
.banner-slider ul.slider-img li a { display: block;}
.banner-slider ul.slider-img li a img{ width: 1110px; height: 400px;}
.banner-slider ul.slider-nav {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.banner-slider ul.slider-nav li{
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
  width: 10px;
  height: 10px;
  /*padding: 0 2px;*/
  background-color: #535353;
  border: 1px solid #fff;
  margin-right: 6px;
}
.banner-slider ul.slider-nav li.on{ background-color: #e60012;}

#content .wrap{overflow: hidden;}
#content .left-column {  margin-right: 30px;}
#content .left-column, #content .right-column {  float: left; margin-bottom: 30px;}
#content .left-column.col-4, #content .right-column.col-4 {  width: 350px;}
#content .left-column.col-6, #content .right-column.col-6 {  width: 540px;}
#content .left-column.col-8, #content .right-column.col-8 {  width: 730px;}

#content .area-header {
  overflow: hidden;
  *zoom: 1;
  height: 36px;
}

#content .social, #content .news-list, #content .cm, #content .cm-list .cm-cover, #content .faq-list li {
}


.more-btn { width: 35px; height: 35px; background: url("../images/btn_more_normal.png");}
#content .area-header .more-btn { float: right;}
#content .area-header h2 { float: none; margin-top: 10px; margin-left: 5px; font-size: 18px; font-weight: bold; color: #535353;}
#content .area-header h2 span{ font-size: 14px; color: #959595; font-weight: normal;}


#content .news-list ul li {
  padding: 8px 14px;
  border: 1px solid #dcdcdc;
  background-color: #eee;
  background-repeat: no-repeat;
  margin-left: 3px;
  /*width: 322px;*/
  width: 318px;
  /*height: 37px;*/
  position: relative;
  background-position: 0px top;
  min-height: 42px;
  /*clear: both;*/
}
#content .news-list ul li:hover, #content .news-list ul li.on{
  padding-left: 17px;
  margin-left: 0;
  width: 322px;
  background-position: 3px top;
}

#content .news-list ul li.news-link { background-image: url("../images/news_link_bg.png");}
#content .news-list ul li.event-link { background-image: url("../images/event_link_bg.png");}

.news-list ul li:first:hover:before{ display: none;;}
.news-list ul li:hover:before, .news-list ul li:hover:after{display: block}
.news-list ul li.on:before, .news-list ul li.on:after{display: block}
.news-list ul li:after, .news-list ul li:before{
  content:"";
  background-color:#000;
  opacity: .15;
  width: 346px;
  height: 6px;
  display: none;
  position: absolute;
  z-index: 300;
  left:3px;
}
.news-list ul li:after{ top:-6px;}
.news-list ul li:before{ bottom:-6px;}


/*
#content .news-list ul li .shadow{ display: none; position: absolute; width: 346px; height: 6px; left: 3px; background-color: #d5d5d5; z-index: 200;}
#content .news-list ul li:hover .shadow{ display: block;}
#content .news-list ul li .shadow-top{ top: -6px;}
#content .news-list ul li .shadow-bottom{ bottom: -6px;}
*/
#content .news-list ul li .date{ display: inline-block; font-size: 11px; line-height: 16px; font-weight: bold; vertical-align: top; text-indent: 1px; margin-right: 8px;}
#content .news-list ul li.news-link .date{ color: #e60012;}
#content .news-list ul li.event-link .date{ color: #2081b5;}

#content .news-list ul li a{
  /*float: right;*/
  display: inline-block;
  width: 254px;
  vertical-align: middle;
  
}

#content .news-list ul li h4.title{
  margin-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #3e3e3e;
  width: 254px;
}


#content .cm-cover { position: relative; /*position: absolute;*/ height: 185px;}
#content .cm-cover:hover .play-btn{ background-position: left bottom;}
#content .cm-cover img { width: 730px; height: 410px;}

.brand-list{ padding-top: 35px; padding-bottom: 6px;}
.brand-list li{ display: inline-block; width: 350px; height: 182px;margin-right: 25px; margin-bottom: 25px;}
.brand-list li.last{ margin-right: 0;}
.brand-list li div{ width: 350px; height: 175px; position: relative;}
.brand-list li table{ display: none; width: 342px; position: absolute; bottom: 4px;left: 4px; table-layout:fixed}
.brand-list li:hover table{ display: table;}
.brand-list li table td{ height: 48px; background-color: #ccc;}
.brand-list a{ display: block; width: 100%; height: 100%; text-align: center; vertical-align: middle; line-height: 48px;}
/*.brand-list .shadow{ width: 336px; margin-left: 7px; height: 5px; background-color: #000; opacity: .1;} /*7*/


.brand-btn:after{ 
  content:"";
  background-color:#000;
  opacity: .15;
  width: 336px;
  height: 6px;
  display: block;
  position: absolute;
  bottom:-6px;
  left:7px;
}


.brand-list li:hover .shadow{ height: 7px;}

/*text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}*/


.brand-btn{ background-color: #fff;}
.brand-btn:hover{background-position: left -20px;}
.brand-btn a{
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
}





.brand-btn-falken{ background-color: #fff;background-image: url(../images/index-brand-btn-falken.png);}
.brand-btn-meiji{ background-image: url(../images/index-brand-btn-meiji.png);}
.brand-btn-arita{ background-image: url(../images/index-brand-btn-arita.png);}
.brand-btn-aritaall{ background-image: url(../images/index-brand-btn-arita.png);}
.brand-btn-kanro{ background-image: url(../images/index-brand-btn-kanro.png);}
.brand-btn-nissin{ background-image: url(../images/index-brand-btn-nissin.png);}
.brand-btn-binggrae{ background-image: url(../images/index-brand-btn-binggrae.png);}
.brand-btn-pokka{ background-image: url(../images/index-brand-btn-pokka.png);}
.brand-btn-roca{ background-image: url(../images/index-brand-btn-roca.png);}
.brand-btn-galler{ background-image: url(../images/index-brand-btn-galler.png); background-color: #000;}
.brand-btn-7d{ background-image: url(../images/index-brand-btn-7d.png);}
.brand-btn-decoria{ background-image: url(../images/index-brand-btn-decoria.png);}
.brand-btn-hersheys{ background-image: url(../images/index-brand-btn-hersheys.png);}
.brand-btn-lindt{ background-image: url(../images/index-brand-btn-lindt.png);}
.brand-btn-purenz{ background-image: url(../images/index-brand-btn-purenz.png);}
.brand-btn-bellotta{ background-image: url(../images/index-brand-btn-bellotta.png);}
.brand-btn-tyrrells{ background-image: url(../images/index-brand-btn-tyrrells.png);}
.brand-btn-whittakers{ background-image: url(../images/index-brand-btn-whittakers.png);}
.brand-btn-ohub{ background-image: url(../images/index-brand-btn-ohub.png);}
.brand-btn-youguth{ background-image: url(../images/index-brand-btn-youguth.png);}
.brand-btn-originalchoco{ background-image: url(../images/index-brand-btn-originalchoco.png);}
.brand-btn-mau{ background-image: url(../images/index-brand-btn-mau.png);}
.brand-btn-organiko {background-image: url(../images/index-brand-btn-organiko.png);}
.brand-btn-lor {background-image: url(../images/index-brand-btn-lor.png);}
.brand-btn-moccona {background-image: url(../images/index-brand-btn-moccona.png);}

/*-- index end--*/


.footer-sub-nav{ height: 32px;}
#prod_detail .footer-sub-nav { height: auto; }
.expand-content .wrap h2{ font-size: 18px; font-weight: bold; color: #fff; padding: 2px 0;}
.expand-content .wrap h2 span{ margin-left: 6px; font-size: 14px; font-weight: normal;}
.sub-nav{ float: right;}
.sub-nav li{ display: inline-block; color: #fff; padding-top: 2px;}
.sub-nav li a{ height: 28px; color: #fff; border: 1px solid #197baf; padding: 4px 7px; font-size: 14px; line-height: 20px;}
/*.sub-nav li a.on, .sub-nav li a:hover{ height: 26px; border-color: #fff;}*/
.sub-nav li a.on, .sub-nav li a:hover{
  color: #197baf;
  font-weight: bold;
  background-color: #fff;
  height: 26px;
  border-color: #fff;
  padding-bottom: 10px;
}
.footer-sub-nav .sub-nav li a.on, .footer-sub-nav .sub-nav li a:hover{
  padding-top: 11px;
  padding-bottom: 4px;
}

/*-- about --*/
#about #content .wrap{ width:1110px; margin-bottom: 20px;}
#declaration #content .wrap{ width:1110px;}

#history #content .wrap{ width:1110px;}
#history-list{ padding-top: 26px; padding-bottom: 30px;}
#history-list li{ overflow: hidden;padding-top: 17px; min-height: 70px; background-image: url(../images/sp-line-1110.png);}
#history-list li.first{ background: none;}
#history-list li > * { float: left;}
#history-list li h3.year{ font-size: 48px; margin-right: 33px;}
#history-list li:nth-child(odd) h3.year{ color:#9e9e9e;}
#history-list li:nth-child(even) h3.year{ color: #bfbfbf;}

#history-list li p{ font-size: 15px; line-height: 48px; width: 964px;}
#history-list li img{vertical-align: middle;}
/*-- about --*/

/*-- news_list --*/
#news_list #content{ min-height: 62vh;}
#news_list #content .wrap{ width: 1110px; padding-top: 30px;}
#news_list #content .left-column{ margin-right: 50px;}
#news_list #content .right-column{ width: 710px;}
.pager-ui{ float: right; margin-right: 3px;}
.pager-ui a{ display: inline-block; width: 22px; height: 23px;}
a.btn-next{ background-image: url(../images/pager-btn-next.png);}
a.btn-prev{ background-image: url(../images/pager-btn-prev.png);}
.pager-ui a.off{ background-position: left bottom;}

#news_list .news-detail .date{ padding-left: 5px; font-size: 12px; color: #1778ac; margin-bottom: 8px;}
#news_list .news-detail .title{ padding-left: 5px; font-size: 24px; line-height: 30px; color: #9a0f19; margin-bottom: 12px;}
#news_list .news-detail .data{ padding-left: 5px;}
#news_list .news-detail .data p{ font-size: 14px; line-height: 24px;}
#news_list .news-detail .spline{}
#news_list .news-detail .spline-710{ width: 710px; height: 28px; background-image: url(../images/sp-line-710.png);}

/*-- cm_list --*/
#cm_list #content .wrap{ width: 1110px; padding-top: 30px;}
#cm_list #content .cm-list ul {
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  padding-left: 50px;
  padding-left: 0;
}
#cm_list .cm-list ul li {
  float: left;
  margin: 0 30px 30px 0;
}
#cm_list .cm-list ul li.last {margin-right: 0;}
#cm_list .cm-list ul li h4 {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 5px;
  color: #cc4e00;
}
/*#cm_list #content .cm-list .cm-cover {*/
  /*cm-list */
#cm_list .cm-cover {
  position: relative; 
  width: 350px;
  padding: 20px 0;
}

#cm_list .cm-cover img { width: 350px; height: 197px;}

.close-btn {
  position: absolute;
  right: -16px;
  top: -35px;
  width: 43px;
  height: 31px;
  background: url("../images/btn_close_hover.png");
}


.video-player {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
.video-player .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
  opacity: .8;
  z-index: 0;
}
.video-player .video {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -320px;
  margin-top: -160px;
  width: 640px;
  height: 320px;
}


/*-- prod list --*/
#prod_list #content{ min-height: 62vh;}
#prod_list #content .wrap{ width: 1110px; padding-top: 30px;}

.prod-list-group{ background-image: url("../images/sp-line-rpt.png"); background-repeat: repeat-x;background-position: top;}
.prod-list-group.first{ background: none;}
.prod-list{ position: relative; /*max-height:556px;*/ }
#content .prod-list{ overflow: hidden;}
.prod-list h3{ font-size: 14px;}
.prod-list .group-title {
  margin-bottom: 20px;
  color: #f3e3c5;
  padding: 10px 0;
  max-width: 136px;
  text-align: center;
}
.prod-list .group-title img{ height: 60px;}

.expand-ui{ position: absolute; right: 35px; top: 0; display: none;}
.expand-ui a{ position: absolute; display: block;  width: 35px; height: 35px; cursor: pointer;}
a.expand-btn{ background-image: url(../images/btn_more_normal.png);}
a.collapse-btn{ background-image: url(../images/btn_less_normal.png); display: none;}

.prod-list ul {
  text-align: left;
  margin-bottom: 30px;
  /*text-align: center;*/
}

.prod-list ul li {
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
  text-align: center;
  width: 160px;
  position: relative;
  margin: 0 30px 30px 0;
}
.prod-list ul li.last{ margin-right: 0;}
.prod-list li {
  width: 160px;
  /*height: 160px;*/
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
.prod-list ul li a {
  display: block;
}

.prod-list ul li a.tag-s{
  position: absolute;
  top: 4px;
  left: 4px;
  height: 16px;
  font-size: 12px;
  color: #fff;
  background-color: #9a0f19;
  padding: 9px 5px;
  line-height: 14px;
}

.prod-list ul li .prod-img, .prod-list ul#recommend-prod-list li .prod-img{
  width: 158px;
  height: 158px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  margin-bottom: -2px;
  text-align: center;
  line-height: 158px;
  margin-bottom: 12px;
}

.prod-list ul li .prod-img img, .prod-list ul#recommend-prod-list li .prod-img img{
  max-width: 158px;
  max-height: 158px;
  vertical-align: middle;
}

.prod-list li a .prod-title {
  font-size: 14px; 
  line-height: 18px;
  color: #1e709d;
  width: 126px;
  margin-left: 17px;
  text-align: left;
  font-weight: bold;
}

.expand-content .prod-list{ margin-top: 32px;}
.expand-content .prod-list ul{ margin-bottom: 0;}
.expand-content .prod-list a:hover h4.prod-title{ display: block;}
.expand-content .prod-list ul li { margin-bottom: 0;}

.prod-list li a.prod-item{}

.prod-list li a.prod-item:after{ 
  content:"";
  background-color:#000;
  opacity: .15;
  width: 144px;
  height: 6px;
  display: block;
  position: absolute;
  top:160px;
  left:7px;
}
.expand-content .prod-list li a.prod-item:after{
  bottom:-8px;
}
.expand-content .prod-list h4.prod-title{
  display: none;
  left:6px;
  bottom: 18px;
  margin-left: 0;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
  background-color: #ccc;
  color:#1e709d;
  width:140px;
  padding: 0 4px;
  text-align: center;
  line-height: 31px;
}


/*-- prod --*/
#prod_detail #content .wrap{ width: 1110px; padding-top: 30px;}
.detail-group{ padding: 17px 20px; background-color: #eee; border: 1px solid #dcdcdc; color:#707070; margin-bottom:22px;}
.detail-group .title{
  display: block;
  color: #1d7bae;
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 12px;
}
.detail-group-s{ float: left; color:#1d7bae; font-size: 24px; font-weight: bold; min-height: 53px; margin-right: 15px;line-height: 36px;}
.detail-group-s span{ font-size: 15px}
.detail-group-s .title{ color:#707070;}
.detail-group-s.last{ margin-right: 0;}
.detail-group-s .price-content{ font-size: 28px; }
.detail-group-l{ width:1068px;}

.detail-group div{ display: inline-block; font-size: 18px;}


#content .prod-detail .prod-name-en { font-size: 14px; line-height: 1.4; color: #1e7fb2;}
#content .prod-detail h1.prod-name{ width:504px; font-size: 24px; font-weight: bold; color: #2d2d2d;}

.feature{ padding: 0 20px 17px; font-size: 14px; line-height: 24px}
#content .prod-detail .ingredient {
  line-height: 1.4;
}

.prod-img-wrap{
  position: relative;
  border: 1px solid #dcdcdc;
  width: 540px; height: 540px;
}

.prod-img-wrap .brand{
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.tag-group{
  position: absolute;
  left: 5px;
  top: 5px;
}

.rect-tag{
  padding: 0 11px;
  display: inline-block;
  min-width: 30px; height:52px;
  
  color:#fff;
  text-align: center;
  line-height: 52px;
}
.rect-tag.tag-b{ background-color: #9a0f19;}
.rect-tag.vege{ background-color: #1d7bae;}
#prod_detail .prod-detail .prod-img{width: 540px;height: 540px; text-align: center; line-height: 540px;}
#prod_detail .prod-detail .prod-img img{ max-width: 540px; max-height: 540px; vertical-align: middle;}

.appraisal{ 
  overflow: hidden;
  padding-top: 10px;
  display: table;
}
.appraisal-img{ 
	/*float: left;*/
	display: table-cell;
	vertical-align: middle;
}
.appraisal-txt{ 
  /*float: right;*/
  display: table-cell;
  vertical-align: middle;
  /*width: 160px;*/
  /*height: 70px;*/
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.8;
  /*border: 2px solid #1d7bae;*/
  color: #772e00;
  font-weight: bold;
}

.allergens-list{overflow: hidden;}
.allergens-list li{
  padding: 0 11px;
  display: inline-block;
  min-width: 30px; height:52px;
  background-color: #1d7bae;
  color:#fff;
  text-align: center;
  line-height: 52px;
}
#prod_detail .brand img{ width: 100px; }


#content .prod-detail .price { width: 96px; font-size: 28px; font-weight: bold;}
#content .prod-detail .weight { width: 73px;}
.shelf_life{ width: 65px;}
.provenance{ width: 93px;}

.store-list{ overflow: hidden;}
.store-list li{ display: inline-block; margin-right: 1px;}
.store-list li img{ width: 30px; height: 30px;}


/*#content .prod-detail .price .title, #content .prod-detail .ingredient .title, .meiji-chocolate #content .prod-detail .allergy .title, .meiji-chocolate #content .prod-detail .weight .title, .meiji-chocolate #content .prod-detail .preserve .title, .meiji-chocolate #content .prod-detail .store .title, #content .prod-detail .brand .title, #content .prod-detail .place .title {
}*/

#content .prod-detail .store li {
  display: inline-block;
  vertical-align: middle;
}


/*-- contact --*/
#contact #content{ min-height: 62vh;}
#contact #content .wrap{ width: 1110px; padding-top: 30px;}
#contact #content h3{ text-indent: 28px; font-size: 24px; margin-bottom: 21px; font-weight: bold; color: #1b7aac;}

#contact #content p{ font-size: 15px; line-height: 24px;}
#contact #content p a{ color: #1778ac;}

#contact #content .left-column > div{width: 291px; height: 428px; padding: 26px 28px;  border: 1px solid #dcdcdc; background-color: #eee;}
#contact #content .right-column > div{ width: 673px; height: 428px; padding: 26px 28px;  border: 1px solid #dcdcdc; background-color: #eee; position: relative;}
.contact-form label{display: inline-block; font-size: 15px; line-height: 25px; width: 98px; vertical-align: top;}
.contact-form input{ border: 1px solid #1778ac; height: 23px; margin-bottom: 22px;}
.contact-form input.large-input{ width: 467px;}
.contact-form textarea{ border: 1px solid #1778ac; width: 463px; height: 227px;}
a.send-btn{ position: absolute; right: 28px; bottom: 26px; display: block; font-size: 15px; font-weight: bold; color: #fff; width: 30px; background-color: #e60012; padding: 9px 26px;}
a.send-btn:hover{ background-color: #9a0f19;}
a.send-btn span{ font-size: 11px; font-weight: normal; color: #3f3f3f; display: block; margin-bottom: 5px;}
a.send-btn:hover span{ color: #d0d0d0;}