@charset "utf-8";
        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 24px;
            height: 24px;
            /*filter: alpha(opacity=70);*/
            opacity: 0.9;
            overflow: hidden;
            cursor: pointer;
            border: #c2c2c2 1px solid;
            border-radius: 12px;
        }
        .jssorb01 div { background-color: #fff; }
        .jssorb01 div:hover, .jssorb01 .av:hover { /*background-color: #f47827;*/ }
        .jssorb01 .av { background-color: #bf0057; }
        .jssorb01 .dn, .jssorb01 .dn:hover { /*background-color: #555555;*/ }

        /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }

.home-shortcut-btn {
	width:100%;
	overflow:hidden;
	margin-top:0px;	
}

.home-shortcut-btn img {
	width:100%;
}

.home-shortcut-btn .location, .home-shortcut-btn .promotion, .home-shortcut-btn .contact {
	width: 33.33%;
	position:relative;
}

.home-shortcut-btn .location div, .home-shortcut-btn .promotion div, .home-shortcut-btn .contact div {
	position:absolute;
	bottom:6px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:700;
	width:100%;
	text-align:center;
}

.home-shortcut-btn .location {
	float:left;
}

.home-shortcut-btn .promotion {
	float:left;
}

.home-shortcut-btn .contact {
	float:left;
}

.prom-banner img {
	width:100%;
	margin-top:2.6%;
}

.prod-menu {
	background-color:#FFFFFF;
}

.prod-menu-bar {
	color:#FFFFFF;
	font-weight:700;
	font-size:24px;
	padding: 10px 20px 10px 15px;
	background-color:#676b99;
	margin-top:3%;
}

.prod-menu-bar .prod-menu {
	position:relative;
	overflow:hidden;
	width:100%;
}

.prod-menu .sub {
	overflow:hidden;
	width:100%;
	border-bottom: 1px #e8e8e8 solid;
}

.prod-menu .cat-left {
	float:left;
	width:42.5%;
	padding-left:3%;
	padding-right:5.2%;
}

.prod-menu .cat-left-cn {
	float:left;
	width:42.5%;
	margin-left:3%;
	padding-right:5.2%;
}

.prod-menu .cat-centent {
	width:42.5%;
	margin:0 auto;
	padding-right:1%;
}

.prod-menu .cat-right {
	width:42.5%;
	float:right;
	padding-left:3%;
	padding-right:3.5%;
	border-left:1px #e8e8e8 solid;
}

.prod-menu .cat-right-cn {
	width:42.5%;
	float:right;
	padding-left:3%;
	padding-right:3.5%;
	border-left:1px #e8e8e8 solid;
}

.prod-menu img {
	width:100%;
}

.prom {
	width:100%;
	position:relative;
	height:78px;
	cursor:pointer;
	font-family:"arial";
	text-shadow:none;
}

.prom.surprise-tw {
	background-color:#ee3f60;
	border-bottom:1px solid;
	border-color:#e0309a;
}

.prom.surprise-cn {
	background-color:#ee3f60;
	border-bottom:1px solid;
	border-color:#e0309a;
}

.prom.surprise-en {
	background-color:#ee3f60;
	border-bottom:1px solid;
	border-color:#e0309a;
}

.prom.surprise-jp {
	background-color:#ee3f60;
	border-bottom:1px solid;
	border-color:#e0309a;
}

.prom.exchange-tw {
	background-color:#018cb3;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.exchange-cn {
	background-color:#018cb3;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.exchange-en {
	background-color:#018cb3;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.exchange-jp {
	background-color:#018cb3;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom .close-btn {
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/tw/close-btn.png) left 5px top 10px no-repeat;
	width:39px;
	height:78px;
	box-sizing:border-box;
	padding:0;
}


.prom .prom-name {
	position:absolute;
	left:40px;
	top:7px;
	width:68px;
	height:65px;
}

.prom.surprise-tw .prom-name {
	background:url(../img/tw/v3-cut-26.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.surprise-cn .prom-name {
	background:url(../img/cn/v3-cut-26.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.surprise-en .prom-name {
	background:url(../img/en/v3-cut-26.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.surprise-jp .prom-name {
	background:url(../img/jp/v3-cut-26.png) left top no-repeat;
       background-size: 68px 56px;
}

.prom.exchange-tw .prom-name {
	background:url(../img/tw/v3-cut-27.png) left top no-repeat;
       background-size: 68px 56px;
}

.prom.exchange-cn .prom-name {
	background:url(../img/cn/v3-cut-27.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.exchange-en .prom-name {
	background:url(../img/en/v3-cut-27.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.exchange-jp .prom-name {
	background:url(../img/jp/v3-cut-27.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom .price .org {
	position:absolute;
	right:80px;
	bottom:6px;
	font-size:10px;
	color:#FFFFFF;
}

.prom .price .org span {
	text-decoration:inherit;	
}

.prom .price .spec {
	position:absolute;
	right:80px;
	bottom:5px;
	color:#ffdf92;
	font-size:14px;
}

.prom .price .spec-en {
	position:absolute;
	right:80px;
	bottom:5px;
	color:#ffdf92;
	font-size:10px;
}

.prom .price .spec_suprise {
	position:absolute;
	right:80px;
	bottom:5px;
	color:#ffdf92;
	font-size:14px;
}

.prom .price .spec_suprise-en {
	position:absolute;
	right:80px;
	bottom:5px;
	color:#ffdf92;
	font-size:11px;
}

.prom .price .spec span {
	font-size:19px;
	position:relative;
	top:2px;
}

.prom .price .spec-en span {
	font-size:19px;
	position:relative;
	top:2px;
}

.prom .price .spec_suprise span {
	font-size:19px;
	position:relative;
	top:2px;
}

.prom .price .spec_suprise-en span {
	font-size:19px;
	position:relative;
	top:2px;
}

.prom .prod-name {
	position:absolute;
	left:115px;
	top:7px;
	color:#FFFFFF;
	font-size:16px;
	width:290px;
	line-height:1.1;
}

.prom .prod-name span {
	font-size:13px;
	position:absolute;
}

.prom .detail-tw {
	position:absolute;
	right:10px;
	top:20px;
	background:url(../img/tw/v3-cut-05.png) left top no-repeat;
        background-size: 60px 39px;
	width:60px;
	height:41px;
}

.prom .detail-cn {
	position:absolute;
	right:10px;
	top:20px;
	background:url(../img/cn/v3-cut-05.png) left top no-repeat;
        background-size: 60px 39px;
	width:60px;
	height:41px;
}

.prom .detail-en {
	position:absolute;
	right:10px;
	top:20px;
	background:url(../img/en/m_coupons_btn_en.png) left top no-repeat;
        background-size: 60px 41px;
	width:60px;
	height:41px;
}

.prom .detail-jp {
	position:absolute;
	right:10px;
	top:20px;
	background:url(../img/jp/v3-cut-05.png) left top no-repeat;
        background-size: 60px 39px;
	width:60px;
	height:41px;
}

.prom .prod-des {
	position:absolute;
	top:5px;
	left:115px;
	color:#FFFFFF;
	text-shadow:none;
	font-size:12px;
}

.prom-banner-slider {
	position:relative;
	overflow:hidden;
	width:100%;	
}

.prom-banner-slider .prom-banner {
	left:0px;
	top:0px;	
}

#flexible_div {
	position:fixed;
	bottom:-1px;
	width:100%;
	z-index:999999;
}

.tmall_verification_banner {
	line-height:0;
	text-align:center;
	background-color:#53155E;
	cursor:pointer;
}

.tmall_verification_banner img {
	width:100%;
	max-width:501px;
	max-height:100px;
}

/*nicole 20180709*/
.prom.others-tw {
	background-color:#fc6d0b;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.others-cn {
	background-color:#fc6d0b;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.others-en {
	background-color:#fc6d0b;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.others-jp {
	background-color:#fc6d0b;
	border-bottom:1px solid;
	border-color:#239bc4;
}

.prom.others-tw .prom-name {
	background:url(../img/tw/hot-deals.png) left top no-repeat;
       background-size: 68px 56px;
}

.prom.others-cn .prom-name {
	background:url(../img/cn/hot-deals.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.others-en .prom-name {
	background:url(../img/en/hot-deals.png) left top no-repeat;
        background-size: 68px 56px;
}

.prom.others-jp .prom-name {
	background:url(../img/jp/hot-deals.png) left top no-repeat;
        background-size: 68px 56px;
}

/*nicole 20180709*/

/*nicole 20181121*/
div .survey_Margin{
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-family:'微軟正黑體','Microsoft JhengHei', '微软雅黑', 'Microsoft YaHei', 'sans-serif';
    /*center*/
    max-width: 1000px;    
    margin: auto;
    /*nicole 20181221
    min-height: 700px;*/
}

.survey_Margin > h1
{
    background:url(../img/tw/v3-cut-06.png) left top no-repeat;
    background-position:left;
    background-repeat:no-repeat;
    zoom:1;
    color:#FF8728;
    padding-left:20px;
    padding-right:15px;
    
    font-size:32px;
}

.survey_Margin span
{
    font-weight: bold;    
}

span.end_survey_hdr
{
    font-weight: bold;
    font-size:25px;
}

div .survey_banner
{
    width: 100%;
    height: auto;
    
}
@media 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) { 
  div .survey_banner
    {
    width: 100%;
    height: auto;    
    }
}
.alert_survey
{
    font-weight: bold;
    color: red;
}


div .s_header
{
    padding-top: 10px;      
background-color: #e4e0de;
    
}

.s_header > img {
  height: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*nicole 20181121*/