@charset "utf-8";





/**思源黑體**/

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

/**黑體**/

@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);





body{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

	background-image: url(../../images/en/bg.png);

    background-repeat: repeat;

}





/**影響head logo**/

h1 {

    margin:0 !important;

}



.h1, .h2, .h3, h1, h2, h3 {

    margin-top: 0!important;

    margin-bottom: 0!important;

}

/**影響搜尋框放大鏡icon**/

img {

    vertical-align: baseline!important;

}



/**去除圖片按鈕外框**/

button{

outline:none!important;

}







/**版面中央寬度**/

.ctn-width{

	width:1200px;

	margin:0 auto 0 auto;

}


.m-magnifier-input{
	position: relative;
}

.m-magnifier{
	position: absolute;
    right: 17px;
    top: 7px;
    display: block;
}




/**滿版寬度**/

.ctn-all-width{

	width:100%;

	margin:0 auto 0 auto;

}



/**head設定**/

.curves-head{

	text-align: center;

}



/**手機/平板head設定**/

/*.m-head{

    width: 100%;

    height: 30px;

    background-color: #ff4f95;

	z-index: 9999;

    position: fixed;

    top: 0;

}*/







/**詢價車+搜尋框**/

.top-row{

	display:none;

}





/**logo**/

.dama-logo{

	display: inline-block;/*2017-03-03編輯*/

}



/**詢價車+搜尋框外包圍**/

.ics-wrap{

	float: right;

    position: relative;

    top: -165px; /*2017-03-03編輯*/

}



/**詢價車**/

.inquiry-cart-wrap{

	display: inline-block;

	padding: 0 1em 0 1em;

}



.ic-icon{

	display:inline-block;

	vertical-align: middle;

}



.ic-txt{

	color:#3e3a39;

	font-size:14px;

	/*font-weight:bold;*/

	letter-spacing:1px;

	padding: 0 0 0 0.5em;

	vertical-align: middle;

}



.ic-txt:link{

	color: #3e3a39;

}



.ic-txt:visited{

	color: #3e3a39;

}



.ic-txt:hover{

	color: #ff4f95!important;

	text-decoration:none !important;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.ic-txt:active{

	color: #3e3a39;

}







/**搜尋框**/

.search-tool{

	display: inline-block;

}


.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {

    width: 100%;

}







/**手機/平板詢價車**/

.m-ic-search-wrap{

	background-color:#ffffff;

	margin: 2em;

	border-top: #727171 1px solid;

}



.m-inquiry-cart-wrap{

	display: block;

    padding: 3em;

}



.m-ic-icon{

	display:inline-block;

	vertical-align: middle;

}



.m-ic-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#3e3a39;

	font-size:14px;

	/*font-weight:bold;*/

	letter-spacing:1px;

	padding: 0 0 0 0.5em;

	vertical-align: middle;

}



.m-ic-txt:link{

	color: #3e3a39;

}



.m-ic-txt:visited{

	color: #3e3a39;

}



.m-ic-txt:hover{

	color: #ff4f95!important;

	text-decoration:none !important;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.m-ic-txt:active{

	color: #3e3a39;

}







/**搜尋框**/

.m-search-tool{

	display: block;

    padding: 0 3em 3em 3em;



}


/**主選單設定**/

/*aboutus hover*/

.aboutus{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list1.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.aboutus a {

	display: block;

	width: 100%;

	height: 100%;

}

.aboutus:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list1.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}







/*products hover*/

.products{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list2.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.products a {

	display: block;

	width: 100%;

	height: 100%;

}

.products:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list2.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}





/*drinks hover*/

.htdrinks{

	width: 180px;

	height: 99px;

	background-image: url(../../images/en/list3.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.htdrinks a {

	display: block;

	width: 100%;

	height: 100%;

}

.htdrinks:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 180px;

	height: 99px;

	background-image: url(../../images/en/list3.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}



/*news hover*/

.news{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list4.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.news a {

	display: block;

	width: 100%;

	height: 100%;

}

.news:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list4.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}





/*services hover*/

.services{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list5.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.services a {

	display: block;

	width: 100%;

	height: 100%;

}

.services:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list5.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}





/*contact hover*/

.contact{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list6.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.contact a {

	display: block;

	width: 100%;

	height: 100%;

}

.contact:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list6.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

/*member hover*/

.member{

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list7.png);

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}

.member a {

	display: block;

	width: 100%;

	height: 100%;

}

.member:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 150px;

	height: 99px;

	background-image: url(../../images/en/list7.5.png);

	background-repeat: no-repeat;
	display: inline-block;
    background-size: cover;
    background-position: center;

}





/**手機/平板主選單**/

.m-menu-list{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	width:100%;

	font-size:18px;

	letter-spacing:1px;

	line-height:1;

}/*2017-03-09編輯*/



.m-menu-list:hover{

	color: #ffffff;

	/*background-color: #ff4f95;*/

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}/*2017-03-09編輯*/









/**強制首頁-產品介紹改變背景色**/

.m-bgc{

    background-color: #ff4f95 !important;  /*2017-03-08編輯*/

    margin-top: 0;

}





/**彩虹分隔線**/

.color-line{

	width:100%;

	height:7px;

	background-image:url(../../images/en/color-line.png);

	background-repeat:no-repeat;

	margin: -2px auto; /*2017-03-15編輯*/

}



/**首頁-關於我們字體**/

.index-abs-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:16px;

	color:#000000;

	letter-spacing: 0px;
    line-height: 2;

	padding: 1em;

	text-align: justify;
	
	height: 346px;/*2017-04-13編輯*/
    overflow: hidden;/*2017-03-31編輯*/

}



.title-set{

	vertical-align:middle;

}



/*more按鍵置中*/

.more-button{

	text-align:center;

}





/**首頁產品介紹標題**/

.index-products-title{

	width:100%;

	height:133px;

	background:url(../../images/en/ptitle.png) top center no-repeat;

}



.ip-title-txt{

	font-family: 'Roboto', sans-serif;

	font-family: 'Patua One', cursive;

	font-size:24px;

	color:#ffffff;

	letter-spacing:1px;

	line-height: 7; /*2017-03-07編輯*/

	text-align:center;

}



.ch-ip-title-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

}



.ip-star{

	position: absolute;

    right: 48%;

    display: inline-block;

    margin: -27px 0 0 0;

}





/**首頁產品介紹選單設定**/

.menu-all-bg{

	background-color:#ffffff;

	background-size:cover;

}



/*popular hover*/

.popular{

	width: 155px;

	height: 142px;

	background-image: url(../../images/en/ip-list1.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.popular a {

	display: block;

	width: 100%;

	height: 100%;

}



.popular:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 155px;

	height: 142px;

	background-image: url(../../images/en/ip-list1.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .popular {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 155px;

	height: 142px;

	background-image: url(../../images/en/ip-list1.5.png);

	background-repeat: no-repeat;

}









/*classicsyrup hover*/

.classicsyrup{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list2.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.classicsyrup a {

	display: block;

	width: 100%;

	height: 100%;

}

.classicsyrup:hover{

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list2.5.png);

	background-repeat: no-repeat;

}





.dropdown {

    position: relative;

    display: inline-block;

}







.dropdown:hover .classicsyrup {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list2.5.png);

	background-repeat: no-repeat;

}









/*fruit hover*/

.fruit{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list3.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.fruit a {

	display: block;

	width: 100%;

	height: 100%;

}

.fruit:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list3.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .fruit {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list3.5.png);

	background-repeat: no-repeat;

}





/*tea hover*/

.tea{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list4.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.tea a {

	display: block;

	width: 100%;

	height: 100%;

}

.tea:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list4.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .tea {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list4.5.png);

	background-repeat: no-repeat;

}





/*50fruitplus hover*/

.fruitplus{

	width: 130px;

	height: 142px;

	background-image: url(../../images/en/ip-list5.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.fruitplus a {

	display: block;

	width: 100%;

	height: 100%;

}

.fruitplus:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 130px;

	height: 142px;

	background-image: url(../../images/en/ip-list5.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .fruitplus {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 130px;

	height: 142px;

	background-image: url(../../images/en/ip-list5.5.png);

	background-repeat: no-repeat;

}





/*powder hover*/

.powder{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list6.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.powder a {

	display: block;

	width: 100%;

	height: 100%;

}

.powder:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list6.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .powder {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list6.5.png);

	background-repeat: no-repeat;

}





/*solid hover*/

.solid{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list7.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.solid a {

	display: block;

	width: 100%;

	height: 100%;

}

.solid:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list7.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .solid {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list7.5.png);

	background-repeat: no-repeat;

}





/*public hover*/

.public{

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list8.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.public a {

	display: block;

	width: 100%;

	height: 100%;

}

.public:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list8.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .public {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 101px;

	height: 142px;

	background-image: url(../../images/en/ip-list8.5.png);

	background-repeat: no-repeat;

}





/*packaging hover*/

.packaging{

	width: 120px;

	height: 142px;

	background-image: url(../../images/en/ip-list9.png);

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.packaging a {

	display: block;

	width: 100%;

	height: 100%;

}

.packaging:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 120px;

	height: 142px;

	background-image: url(../../images/en/ip-list9.5.png);

	background-repeat: no-repeat;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown:hover .packaging {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 120px;

	height: 142px;

	background-image: url(../../images/en/ip-list9.5.png);

	background-repeat: no-repeat;

}







/**首頁產品介紹**/

.ip-all{

	width:100%;

	background-color:#ffffff;

	background-size:cover;

}



.ip-item-wrap{

    display: inline-block; /*2017-05-25編輯*/

    padding: 1em 1em 2em 1em; /*2017-03-07編輯*/

}



.index-pp{

	width:100%;

	height:auto;

	-webkit-border-radius: 10px;/*2017-03-07編輯*/

	-moz-border-radius: 10px;/*2017-03-07編輯*/

	border-radius: 10px;/*2017-03-07編輯*/

	background-color:#FFF;

	-moz-box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

	-webkit-box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

	box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

}



.ip-txt{

	font-family: 'Questrial', sans-serif;

	font-size:16px;

	font-weight: 600;

	color:#7c7c7c;

	letter-spacing:1px;

	line-height:1;

	padding: 1em;

    text-align: center;

}



/**飲品介紹**/

.htd-title{

	width:100%;

	height:939px;

	background:url(../../images/en/howtodrinks.png) top center no-repeat;

}



.htd-title-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:24px;

	color:#ffffff;

	letter-spacing:1px;

	line-height:1;

	/*padding: 1em;*/ /*2017-03-07編輯*/

	text-align:center;

}



/**飲品介紹輪播圖外包圍**/

.htd-all-wrap{

	width:100%;

	height:553px;

	background:url(../../images/en/htd-slide-bg.jpg) top center no-repeat;

	padding:2em 8em 2em 8em;

	margin: 2em auto;

}



/**overflow設定**/

.ovrflw-h{

	text-overflow: ellipsis;

    overflow: hidden;

}



/**飲品介紹輪播圖標題文字外包圍**/

/*.htd-slide-ttxt-wrap{

	display:inline-block;

}*/



/**飲品介紹輪播圖標題文字**/

.htd-slide-ttxt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-style:italic;

	font-size:26px;

	font-weight: 600;

	color:#ea457c;

	letter-spacing:1px;

	line-height:1;

}



/**飲品介紹右欄文字標題**/

.htd-ywn-ttxt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:22px;

	font-weight: 500;

	color:#2e9acc;

	letter-spacing:1px;

	line-height:1;

}

/**飲品介紹右欄文字項目**/

.htd-ywn-sub-item-ttxt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-style:italic;

	font-size:14px;

	font-weight: 600;

	color:#000000;

	letter-spacing:1px;

	line-height: 1;

    padding: 0.5em 1em 0.5em 2em;

	border-bottom: #7c7c7c 1px solid;

	text-align: justify;

}



.htd-ywn-sub-step-ttxt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:14px;

	font-weight: 600;

	color:#000000;

	letter-spacing:1px;

	line-height: 1.5;

	padding: 0.5em 0 0.5em 0;

	border-bottom: #7c7c7c 1px solid;

	text-align: justify;

}





.htd-circle-pic-wrap{
 
	padding: 2em; /*2017-03-30編輯*/

}



.htd-right-item-wrap{

	padding: 1em 0 0 0;

}





/*飲品介紹more按鍵*/

.htd-more-button{

	text-align:center;
	
	padding-top: 3em; /*2017-03-31編輯*/

}













/**最新消息**/

.newsandservices-bg{

	width:100%;

	min-height: 990px; /*20174-03-31編輯*/

	background:url(../../images/en/bgp.png) top left no-repeat;

	background-color:#ffffff;

	border-radius: 15px;/*2017-03-09編輯*/

	-moz-box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

	-webkit-box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

	box-shadow:0px 3px 12px -2px rgba(0,0,0,0.5);

}



/**最新消息字體**/

.index-nns-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:18px;

	font-weight: 500;

	color:#ff4f95;

	letter-spacing: 1px;

    line-height: 1;

    padding: 0 0 1em 0;

    text-align: center;

}



/**最新消息+服務中心彩色底線**/

.nns-color-line {

    width: 90%;

    height: 7px;

    background-image: url(../../images/en/color-line.png);

    background-repeat: no-repeat;

	margin: 0 auto;

}

/**最新消息欄外包圍**/

.inws-wrap{

	padding: 2em 0.5em 5.2em 0.5em; /*2017-03-31編輯*/

}





/**最新消息欄字體**/

.inws-txt{

	font-family: 'Questrial', sans-serif;

	font-size:18px;

	/*font-weight: 600;*/ /*2017-03-10編輯*/

	color:#000000;

	letter-spacing:1px;

	line-height:2;

	padding: 1em 0.5em 1em 1em; /*2017-03-29編輯*/

}



/**最新消息欄標題字體**/

.inws-title-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:18px;

	/*font-weight: 600;*/ /*2017-03-10編輯*/

	color:#000000;

	letter-spacing:1px;

	line-height:2;

	padding: 1em;

	vertical-align: middle;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.inws-title-txt a:link{

	color: #000000;

}



.inws-title-txt a:visited{

	color: #000000;

}



.inws-title-txt a:hover{

	color: #ea457c;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.inws-title-txt a:active{

	color: #000000;

}



/**最新消息欄內文敘述字體**/

.inws-sub-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	height:116px;

	font-size:14px;

	/*font-weight: 600;*/ /*2017-03-10編輯*/

	color:#7a7a7a;

	letter-spacing:1px;

	line-height:2;

	padding: 0 1em;

	/*white-space: nowrap;

	text-overflow: ellipsis;*/ /*2017-03-10編輯*/

    overflow: hidden;

	vertical-align: middle;

	text-align: justify;

}



/**底線**/

.bdr-btm-line{

	border-bottom: 1px solid #bcbcbc;

	width: 90%;

    margin: 0 auto;

}





/**服務中心**/

.pic-pd{

	padding:0.5em;

}





/**選擇德瑪的三大理由**/

.whychoosedama-bg{

	width:100%;

	height:936px;

	background:url(../../images/en/whychoose.png) top center no-repeat;

}



.whychoosedama-title-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:24px;

	color:#00a0e9;

	letter-spacing:1px;

	line-height:1;

	/*padding: 1em;*/ /*2017-03-07編輯*/

	text-align:center;

}



.wcd-pic{

	padding-top: 4.35em; /*2017-03-15編輯*/

	text-align:center;

}



.wcd-near{

	margin:0 -3px;

}





/**我們的理念**/

.page-ov-txt{

	font-family: 'Questrial', sans-serif;

	font-size:16px;

	font-weight: 600;

	color:#000000;

	letter-spacing:1px;

	line-height:2; /*2017-03-15編輯*/

	padding: 1em;

}



.page-ov-txt a:link{

	color:#000000;

}



.page-ov-txt a:visited{

	color:#000000;

}



.page-ov-txt a:hover{

	color:#ff4f95;

	text-decoration: none !important;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.page-ov-txt a:active{

	color:#000000;

}





/**關於我們**/

.aboutus-banner-pic{

    width: 100%;

    height: 529px;

    background: url(../../images/en/aboutus_bg.jpg) top center no-repeat;

}



.abs-bg-pic{

	width:100%;

	background:url(../../images/en/abs_bg.png) bottom center no-repeat;

	text-overflow: ellipsis;

    overflow: hidden;

}



.abs-acc-pic{

	width:100%;

	/*height:610px;*/

	background:url(../../images/en/abs-acc.png) bottom center no-repeat;

}



.page-abs-txt{

    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

    font-size: 16px;

    font-weight: 600;

    color: #ffffff;

    letter-spacing: 1px;

    line-height: 2;

    padding: 1em;

}





/**最新消息**/

.news-banner-pic{

    width: 100%;

    height: 529px;

    background: url(../../images/en/news_bg.jpg) top center no-repeat;

}





/**聯絡我們**/

.contact-banner-pic{

    width: 100%;

    height: 529px;

    background: url(../../images/en/contact_bg.jpg) top center no-repeat;

}



.cntct-addphone-set{

	padding:1em;

}



.cntct-mail-set{

	padding:1em;

	font-size: 15px;

}



/**表單文字**/

.cntct-form-txt{

    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

    font-size: 15px;

    font-weight: 600;

    color: #000000;

    letter-spacing: 1px;

    line-height: 2;

	vertical-align: middle;

}



/**調整表單標題文字寬度**/

.pure-form-aligned .pure-control-group label {

    width: 12em !important;

	text-align: left !important;

}



.form-width{

	width: 65%!important;

}



.gender-width{

	width: 6em !important;

}



.radio-width{

	width: 6em !important;

}



.captcha-form-width{

	width: 40%!important;

}



/**清除+送出按鍵**/

.cntact-btn-pddng{

	padding:2em;

	text-align:center;

}



/**表單訊息欄位高度**/

.message-form{

	min-height: 200px;

}













/*星號顏色*/

.star-set{

	color:#ff4f95;

	font-size: 24px;

    vertical-align: -webkit-baseline-middle;

}

/*左側公司資訊*/

.cntct-left-info-txt{

    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

    font-size: 15px;

    font-weight: 600;

    color: #000000;

    letter-spacing: 1px;

    line-height: 2;

    padding: 1em 1em 3em 1em;

}



.cntct-left-info-txt a:link{

	color:#000000;

}



.cntct-left-info-txt a:visited{

	color:#000000;

}



.cntct-left-info-txt a:hover{

	color:#ff4f95;

	text-decoration: none !important;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.cntct-left-info-txt a:active{

	color:#000000;

}



/*提示文字*/

.cntct-tips-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:15px;

	font-weight: 600;

	color:#3e3a39;

	letter-spacing:1px;

	line-height:2; /*2017-03-15編輯*/

	padding: 1em;

}









/**路徑設定**/

.bread {

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	width:100%;

	text-align:right;

    font-size: 14px;

    color: #3e3a39;

	/*padding:0.2em 0 0 0;*/

	line-height:2.2;

	

}

	

.bread a i {

    font-size: 18px;

}



.color-333{

	color:#9fa0a0;

}



.color-home{

	color:#ff4f95;

}



.color-home:link{

	color:#ff4f95;

}



.color-home:visited{

	color:#ff4f95;

}



.color-home:hover{

	color:#ff4f95;

	text-decoration: none !important;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.color-home:active{

	color:#ff4f95;

}





































/**FOOT設定**/

.foot-all-wrap{

	width:100%;

	/*height:332px;*/ /*2017-03-09編輯*/

	background:url(../../images/en/foot_bg.png) top center no-repeat;

}



.foot-info{

	display:block;

}



.foot-info-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:14px;

	color:#383838;

	letter-spacing:1px;

	line-height:1.5;

	/*padding: 1em;*/ /*2017-03-07編輯*/

}



.foot-info-txt a:link{

	color: #383838;

}



.foot-info-txt a:visited{

	color: #383838;

}



.foot-info-txt a:hover{

	color: #383838;

	text-decoration:underline;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.foot-info-txt a:active{

	color: #383838;

}



.foot-pd{

	padding:1em;

}

.certificate{

    display: inline-block;
    width: 120px;
    margin: 0 1em 0 0;
}


/*社群icon*/

.social-icon-wrap{

	display:inline-block;

}



.si-pd-set{

	padding: 0 0.5em 0 0.5em;

    vertical-align: middle;

}


.foot-damalogo{
	margin-bottom: 2em;
}














































































/****固定設定區區-開始****/

/**底部copyright設定**/

.copyright-info{

	width:100%;

	background-image:url(../../images/en/foot-bottom-info.png);

	background-repeat:repeat;

	text-align:center;

    margin:0 auto;

}



.copyright-info-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:14px;

	color:#ffffff;

	text-align:center;

	margin:0 auto;

	padding: 15px;

	display:inline-block;

	letter-spacing: 1px;

	line-height: 1.5;

}



/**底部津淳連結**/

.jc-icon-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	display:inline-block;

	font-size:12px;

	color:#ffffff;

	padding: 10px 0;

}



.jc-icon-txt a:link{

	color:#ffffff;

}



.jc-icon-txt a:visited{

	color:#ffffff;

}



.jc-icon-txt a:hover{

	color:#ffffff;

}



.jc-icon-txt a:active{

	color:#ffffff;

}



/**清除浮動**/

.clear-b{

	clear:both;

	margin:0;

	padding:0;

}



/**動態流暢效果**/

.atmrun{
	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}





/**間距設定**/

.our-vision-pdt{

	padding-top: 3em;

}



.index-prdcts-pdt{

	padding: 3em 0 3em 0;

}



.foot-spacing{

	padding: 6em 0 2em 0;

}



.ip-pdb{

	padding-bottom:3em;

}



.pdbb{

	padding:2em 0 2em 0;

}



.htdpdbb{

	padding:2em 0 1em 0;

}



.nna-pd{

	padding:1em;
	position: relative;/*2017-03-31編輯*/

}



.btn-pddng{

	padding:2em;
	
	width:100%; /*2017-05-25編輯*/

}



.cntct-right-item{

	padding-top: 3em;

}







.svc-btn-pddng{

	padding:3em;

}



.abs-pd{

	padding-top: 3.9em;

}



.abs-girl-pd{

	padding-top: 14em;

}






.index-news-title-pic{
	display: inline-block!important;
}



/**置中**/

.ta-set{

	text-align:center;

}



/**發光**/

.light-img {

    max-width: 100%;

	height:auto;

	

	/*--動畫--*/

	-webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.light-img:hover {

	-webkit-filter: drop-shadow(0px 0px 7px white);

    filter: drop-shadow(0px 0px 7px white);

	 

}



/**圖片滑鼠hover效果**/

.hiroki-img {

    max-width: 100%;

	height:auto;

	

	/*--動畫--*/

	-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.hiroki-img:hover {

	-webkit-filter: contrast(150%); /* Safari */

    -moz-filter: contrast(150%);

    -ms-filter: contrast(150%);

    -o-filter: contrast(150%);

    filter: contrast(150%);

	 

}







/**圖片圓角效果**/

.hiroki-br-img{

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



/**不規則圓形**/

.avatar {

    border-top-left-radius: 200px 100px;

    border-top-right-radius: 170px 115px;

    border-bottom-left-radius: 120px 130px;

    border-bottom-right-radius: 245px 125px;

}

.avatar img {

    width: 100%;

    height: 100%;

}





/**圓形圖片效果**/

.circular-landscape{

    display:inline-block;

    position:relative;

    width:116px;

    height:116px;

    overflow:hidden;

    border-radius:50%;

}



.circular-landscape img{

    width:auto;

    height:100%;

    margin-left:-50%;

}





/**首頁飲品介紹大圓形圖片效果**/

.ihtd-circular-landscape{

    /*display:inline-block;

    position:relative;

    width:410px;

    height:410px;

    overflow:hidden;

    border-radius:50%;*/
	
	
	/*2017-03-30編輯*/
	display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
}



.ihtd-circular-landscape img{

    width:auto;

    height:100%;

    /*margin-left:-50%;*/ /*2017-03-30編輯*/

}



/**滑鼠移入轉圈效果**/

.rotate {

  -webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -ms-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;

  transition:all 0.5s ease-out;

}



.rotate:hover {

  -webkit-transform:rotate(360deg);

  -moz-transform:rotate(360deg);

  -ms-transform:rotate(360deg);

  -o-transform:rotate(360deg);

  transform:rotate(360deg);

}



/**圖片陰影**/

.img-shadow{

	box-shadow:0px 3px 12px -2px #898989;

	border-radius: 10px;

}



/**首頁飲品介紹圖片陰影**/

.intd-img-shadow{

	box-shadow:0px 3px 12px 2px #ff298a;

}

/****固定設定區-結束****/

















































@media (max-width: 1366px){

.ip-star {

    right: 46%;

}

}





@media (max-width: 1280px){

.ctn-width{

	width:95%;

	margin:0 auto 0 auto;

}

}





@media (min-width: 1276px){

.m-menu-list{

	display:none;

}



.m-ic-search-wrap{

	display:none;

}

}

/*2017-03-09編輯*/



@media (max-width: 1276px){

/*aboutus hover*/

.aboutus{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.aboutus a {

	display: block;

	width: 100%;

	height: 100%;

}

.aboutus:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

}







/*products hover*/

.products{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.products a {

	display: block;

	width: 100%;

	height: 100%;

}

.products:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*drinks hover*/

.htdrinks{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.htdrinks a {

	display: block;

	width: 100%;

	height: 100%;

}

.htdrinks:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*news hover*/

.news{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.news a {

	display: block;

	width: 100%;

	height: 100%;

}

.news:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*services hover*/

.services{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.services a {

	display: block;

	width: 100%;

	height: 100%;

}

.services:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}

/*member hover*/
.member{
    padding: 15px;
	width: 100%;
    height: auto;
	background:none;
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.member a {
	display: block;
	width: 100%;
	height: 100%;
}
.member:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 100%;
    height: auto;
	background:none;
	background-repeat: no-repeat;
}




/*contact hover*/

.contact{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;

	background-repeat: no-repeat;

}

.contact a {

	display: block;

	width: 100%;

	height: 100%;

}

.contact:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}









/*popular hover*/

.popular{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.popular a {

	display: block;

	width: 100%;

	height: 100%;

}

.popular:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .popular {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*classicsyrup hover*/

.classicsyrup{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.classicsyrup a {

	display: block;

	width: 100%;

	height: 100%;

}

.classicsyrup:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .classicsyrup {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



/*fruit hover*/

.fruit{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.fruit a {

	display: block;

	width: 100%;

	height: 100%;

}

.fruit:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .fruit {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*tea hover*/

.tea{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.tea a {

	display: block;

	width: 100%;

	height: 100%;

}

.tea:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .tea {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}







/*50fruitplus hover*/

.fruitplus{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.fruitplus a {

	display: block;

	width: 100%;

	height: 100%;

}

.fruitplus:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .fruitplus {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}











/*powder hover*/

.powder{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.powder a {

	display: block;

	width: 100%;

	height: 100%;

}

.powder:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .powder {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*solid hover*/

.solid{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.solid a {

	display: block;

	width: 100%;

	height: 100%;

}

.solid:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .solid {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*public hover*/

.public{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.public a {

	display: block;

	width: 100%;

	height: 100%;

}

.public:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .public {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}





/*packaging hover*/

.packaging{

	width: 100%;

    height: auto;

	background:none;

	-webkit-transition: background 300ms linear !important;

	-moz-transition: background 300ms linear !important;

	-o-transition: background 300ms linear !important;

	transition: background 300ms linear !important;

	background-repeat: no-repeat;

}

.packaging a {

	display: block;

	width: 100%;

	height: 100%;

}

.packaging:hover {

	/*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}



.dropdown:hover .packaging {

    /*-webkit-transition: background 300ms linear;

	-moz-transition: background 300ms linear;

	-o-transition: background 300ms linear;

	transition: background 300ms linear;*/

	width: 100%;

    height: auto;

	background:none;

	background-repeat: no-repeat;

}











@media (max-width: 1126px){

.cntct-left-bl{

	border-bottom:#666 1px solid ;

}

}


/*@media (max-width: 1160px){

.top-row{

	display:block;

	width:100%;

	height:2em;

	background: #ff4f95; 

}

}*/

/*2017-03-06編輯*/













@media (max-width: 1024px){

.ctn-width{

	width:95%;

	margin:0 auto 0 auto;

}

.ip-star {

    right: 45%;

}

.abs-bg-pic{

	background:url(../../images/en/1024_abs_bg.png) bottom center no-repeat;

}
.htd-all-wrap {
    padding: 2em 4em 2em 4em;
}
.inws-wrap {
    padding: 2em 0.5em 2.5em 0.5em;
}

.certificate {
    display: inline-block;
    margin: 0;
}


}





@media (max-width: 768px){

.ctn-width{

	width:95%;

	margin:0 auto 0 auto;

}

.ctn-all-width {

    width: 80%;

    margin: 0 auto 0 auto;

}

.ip-star {

    right: 43%;

}

.social-icon-wrap {

    padding-top: 1em;

}

.si-pd-set{

	padding:0;

}

.foot-all-wrap{

	background:url(../../images/en/foot_bg_long.png) top center no-repeat;

}

.htd-title {

    /*height: 1595px;*/ /*2017-03-30編輯*/
	height: 1000px; /*2017-03-30編輯*/

    background: url(../../images/en/m-howtodrinks.png) top center no-repeat;

}

.htd-all-wrap {

    /*height: 1230px;*/ /*2017-03-30編輯*/
	height: auto; /*2017-03-30編輯*/

    background: url(../../images/en/m-htd-slide-bg.jpg) top center no-repeat;

    padding: 2em 2em 2em 2em;

}

.htd-circle-pic-wrap {

	text-align:center;

}

.htd-more-button{

	padding-top:3em;

}

.abs-girl-pd {

    padding-top: 8em;

}

.title-set {

    vertical-align: middle;

    text-align: center;

}

.abs-bg-pic{

	background:url(../../images/en/768_abs_bg.png) bottom center no-repeat;

}

.page-abs-txt {

	padding: 1em 0 6em 0;

}

.abs-girl-pd {

    padding-top: 4em;

}

.form-width {

    width: 100%!important;

}

.captcha-form-width{

	width: 100%!important;

}

.pure-form-aligned .pure-control-group label {

    display: block;

}
.inws-wrap {
    padding: 2em 0.5em 1.4em 0.5em;
}
}







@media (max-width: 736px){

.ctn-width{

	width:95%;

	margin:0 auto 0 auto;

}

.foot-info {

    padding: 2em 0 0 0;

}

.foot-spacing {

    padding: 2em 0 3em 0;

}

.abs-bg-pic{

	background:url(../../images/en/m667-abs_bg.png) bottom center no-repeat;

}

.page-abs-txt {

    padding: 1em 0 9em 0;

}
.htd-title {

    height: 1595px; /*2017-03-30編輯*/

    background: url(../../images/en/m-howtodrinks.png) top center no-repeat;

}
}



@media (max-width: 667px){

.page-abs-txt {

    padding: 1em 0 5em 0;

}

}





@media (max-width: 568px){

.hiroki-u-ss-1{

	width:100%;

	max-width:100%;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}

.ip-star {

    right: 43%;

}

.foot-spacing {

    padding: 1em 0 2em 0;

}

.abs-girl-pd {

    padding-top: 0;

}

.abs-bg-pic{

	background:url(../../images/en/m568-abs_bg.png) bottom center no-repeat;

}

.page-abs-txt {

    padding: 1em 0 2em 0;

}
.htd-title {
    height: 1100px;
    background: url(../../images/en/6splus_howtodrinks.png) top center no-repeat;
}

.certificate{
    display: block;
    margin: 0 auto;
    padding: 0 0 1em 0;
    width: 180px;
}

.foot-damalogo{
	margin: 0 auto;
	margin-bottom: 2em;
}

}



@media (max-width: 414px){

.ctn-width{

	width:90%;

	margin:0 auto 0 auto;

}

.ip-star {

    right: 40%;

}



.m-search-tool {

    display: inline-block;

    padding: 1em;

}

.abs-bg-pic{

	background:url(../../images/en/m-abs_bg.png) bottom center no-repeat;

}

.page-abs-txt {

    padding: 1em 0 6em 0;

}

}





@media (max-width: 375px){

.abs-bg-pic{

	background:url(../../images/en/m375-abs_bg.png) bottom center no-repeat;

}

.abs-girl-pd {

    padding-top: 4em;

}

}



@media (max-width: 320px){

.ip-star {

    right: 35%;

}

.abs-bg-pic{

	background:url(../../images/en/m320-abs_bg.png) bottom center no-repeat;

}

.abs-girl-pd {

    padding-top: 0;

}

.page-abs-txt {

    padding: 1em 0 10em 0;

}

}

.m-search-tool a{
	position: relative;
}