@charset "utf-8";

/* CSS Document */





/*banner*/

#banner .indexSlider{

	width:100%;

	float: left;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	position: relative;

}



#banner .indexSlider .indexSliderNav {

	padding: 0px;

	height: 100px;

	width: 400px;

	margin-top: 640px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: absolute;

	z-index:5;

	bottom: 5px;

	left: 50%;

	margin-left: -200px;

}



.indexSlider .indexSliderNav a {

	text-align: center;

	height: 90px;

	width: 90px;

	float: left;

	background-repeat: no-repeat;

	line-height: 4;

	color: #FFF;

	text-decoration: none;

	font-size: 1.05em;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	padding-top: 5px;

}



.indexSlider .indexSliderNav .gift {

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

}



.indexSlider .indexSliderNav .activities {

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

}



.indexSlider .indexSliderNav .topsales {

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

}



.indexSlider .indexSliderNav .new {

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

}













#wrapper .content_wrap_index {

	margin: 0px;

	padding: 0px;

}



#wrapper .content_wrap_index .content_index {

	margin-right: auto;

	margin-left: auto;

	padding: 0px;

	width: 100%;

	float: left;

}











/*activities*/

#content #activities {

	float: left;

	width: 100%;

	height: auto;

}



.activitiesTitle {

	height: 60px;

	width: 100%;

	background-color: #ffdce6;

	float: left;

	background-image: url(../images/index_title1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-indent: -9999px;

}



.activitiesBox {

	float: left;

	width: 25%;

	height: auto;

}



.activitiesBox .photo {

	height: auto;

	width: auto;

	display: block;

	float: left;

	width: 100%;

}



.activitiesBox .photo img {

	float: left;

	height: auto;

	width: 100%;

	display: block;

}



.activitiesBox .details  {

	float: left;

	height: auto;

	width: 100%;

}



.activitiesBox .details h3{

	text-decoration: none;

	height: 50px;

	width: 100%;

	line-height: 50px;

	color: #fff;

	float: left;

	text-align: center;

	font-size: 1.3em;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

	font-weight: normal;

	overflow: hidden;

}



.activitiesBox figure {

    margin: 0;

    padding: 0;

    height: auto;

    position: relative;

    display: block;

    cursor: pointer;

    overflow: hidden;

    height: 100%;

    width: 100%;

}



.activitiesBox figure:hover .more {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: 0;

}



.activitiesBox figure .more {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	filter: alpha(opacity=0);

	opacity: 0;

	position: absolute;

	height: 100%;

	width: 100%;

	background: rgba(250,0,0,.7);

	color: #fff;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	-ms-transition: all .2s ease;

	transition: all .2s ease;

	-webkit-transition-delay: .2s;

	-moz-transition-delay: .2s;

	-o-transition-delay: .2s;

	-ms-transition-delay: .2s;

	transition-delay: .2s;

	display: block;

	float: left;

}



.activitiesBox figure .more p{

	color: #FFF;

	height: 50px;

	width: 140px;

	display: block;

	text-decoration: none;

	font-size: 1.1em;

	line-height: 50px;

	position: relative;

	left: 50%;

	top: 45%;

	margin-left: -70px;

	float: left;

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

	background-repeat: no-repeat;

	background-position: right center;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

}



#activities .activitiesBox figure a{

	text-decoration: none;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

::i-block-chrome,.activitiesBox figure .more p{

	display: none;

}



::i-block-chrome,.activitiesBox figure .more {

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

	background-repeat: no-repeat;

	background-position: right center;

	display: block;

	float: left;

	background-size: contain;

}

}









/*new*/

#content #new {

	float: left;

	width: 100%;

	height: auto;

}



.newTitle {

	height: 60px;

	width: 100%;

	background-color: #fff;

	float: left;

	background-image: url(../images/index_title2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-indent: -9999px;

	margin-top: 20px;

}



/*topsales*/

#content #topsales {

	float: left;

	width: 100%;

	height: auto;

}



.topsalesTitle {

	height: 60px;

	width: 100%;

	background-color: #fff;

	float: left;

	background-image: url(../images/index_title3.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-indent: -9999px;

	margin-top: 20px;

}



/*gift*/

#content #gift {

	float: left;

	width: 100%;

	height: auto;

}



.giftTitle {

	height: 60px;

	width: 100%;

	background-color: #fff;

	float: left;

	background-image: url(../images/index_title4.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-indent: -9999px;

	margin-top: 20px;

}



/*productSliderBox*/

.productSliderBox {

	float: left;

	width: 100%;

	height: auto;

}



.productSliderBox .productSlider1,

.productSliderBox .productSlider2,

.productSliderBox .productSlider3 {

	max-width: 1500px;

	height: auto;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	visibility: hidden;

	left: -5000px;

	margin-top: 40px;

	margin-bottom: 40px;

}



.productSliderBox .productSlider1 ul,

.productSliderBox .productSlider2 ul,

.productSliderBox .productSlider3 ul {

	list-style-type: none;

	float: left;

	padding: 0px;

	margin: 0px;

}



.productSliderBox .productSlider1 ul li,

.productSliderBox .productSlider2 ul li,

.productSliderBox .productSlider3 ul li {

	float: left;



}



.productSliderBox .productSlider1 > ul > li > .productBox,

.productSliderBox .productSlider2 > ul > li > .productBox,

.productSliderBox .productSlider3 > ul > li > .productBox {

	float: left;

	width: 330px;

	height: 370px;

	margin-left: 20px;

	margin-right: 20px;

	text-decoration: none;

	border: 1px solid #e9e9e9;

	padding-left: 20px;

	padding-right: 20px;

}



.productSliderBox .productSlider1 ul li a .productPhoto,

.productSliderBox .productSlider2 ul li a .productPhoto,

.productSliderBox .productSlider3 ul li a .productPhoto {

	float: left;

	width: 100%;

	height: 180px;

	text-align: center;

}



.productSliderBox .productSlider1 ul li a .productPhoto img,

.productSliderBox .productSlider2 ul li a .productPhoto img,

.productSliderBox .productSlider3 ul li a .productPhoto img {

	width: 180px;

	height: 180px;

}



/*.productSliderBox .productSlider1 > ul > li > a > p,

.productSliderBox .productSlider2 > ul > li > a > p,

.productSliderBox .productSlider3 > ul > li > a > p {

	float: left;

	width: 96%;

	margin-right: 2%;

	margin-left: 2%;

	text-decoration: none;

}*/



.productSliderBox .productSlider1 ul li .name1,

.productSliderBox .productSlider2 ul li .name1,

.productSliderBox .productSlider3 ul li .name1 {

	float: left;

	width: 100%;

	color: #880821;

	font-size: 0.75em;

	text-align: left;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

	line-height: 1.2;

	word-wrap: break-word;

	word-break: break-all;

	padding-top: 2px;

	padding-bottom: 2px;

	overflow: hidden;

	height: 18px;

}



.productSliderBox .productSlider1 ul li .name2,

.productSliderBox .productSlider2 ul li .name2,

.productSliderBox .productSlider3 ul li .name2 {

	float: left;

	width: 100%;

	color: #000;

	font-size: 0.75em;

	text-align: left;

	font-family: Georgia, Times, "華文宋體", STSong, "宋體", SimSun , "新細明體", PMingLiu , "細明體", MingLiu, sans-serif;

	line-height: 1.2;

	padding-top: 2px;

	padding-bottom: 2px;

	overflow: hidden;

	height: 18px;

}



.productSliderBox .productSlider1 ul li .spec,

.productSliderBox .productSlider2 ul li .spec,

.productSliderBox .productSlider3 ul li .spec {

	float: left;

	width: 100%;

	color: #858585;

	font-size: 0.75em;

	text-align: left;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

}



.productSliderBox .productSlider1 ul li .price,

.productSliderBox .productSlider2 ul li .price,

.productSliderBox .productSlider3 ul li .price {

	float: left;

	width: 100%;

	color: #000;

	font-size: 0.75em;

	text-align: left;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

}



.productSliderBox .productSlider1 ul li .price span,

.productSliderBox .productSlider2 ul li .price span,

.productSliderBox .productSlider3 ul li .price span {



	color: #F00;

	font-size: 0.75em;

	text-align: left;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

	text-decoration: line-through;

}



.productSliderBox .productSlider1 ul li .code,

.productSliderBox .productSlider2 ul li .code,

.productSliderBox .productSlider3 ul li .code {

	float: left;

	width: 100%;

	color: #666;

	font-size: 0.75em;

	text-align: left;

	font-family: Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;

	line-height: 1.2;

	word-wrap: break-word;

	word-break: break-all;

	padding-top: 10px;

	padding-bottom: 2px;

	overflow: hidden;

	height: 30px;

}











.productSliderBox button {

	float: left;

	width: 30px;

	height: 30px;

	border: none;

	background-color: #FFF;

	position: absolute;

}



.productSliderBox .prev-style1,

.productSliderBox .prev-style2,

.productSliderBox .prev-style3 {

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

	background-repeat: no-repeat;

	background-position: center center;

	left: 47%;

}



.productSliderBox .next-style1,

.productSliderBox .next-style2,

.productSliderBox .next-style3 {

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

	background-repeat: no-repeat;

	background-position: center center;

	right: 47%;

}



.productSliderBox button:focus {

	outline: 0;

	box-shadow: none;

}









.line_inquiry {

	float: left;

	width: 50%;

	display: block;

	font-size: 1em;

	padding-top: 5px;

	padding-right: 3px;

	text-align: left;

}



.add_wishlist {

	float: left;

	width: 50%;

	display: block;

	font-size: 1em;

	padding-top: 5px;

	padding-left: 3px;

	text-align: left;

}



.line_inquiry a {

	display: flex;

	justify-content: center;

	width: 100%;

	background-color: #00c400;

	color: #fff;

	text-align: center;

	text-decoration: none;

	border-radius: 5px;

	padding: 5px;

}



.line_inquiry a img {

	display: block;

	width: 25px;

	margin-right: 5px;

}



.add_wishlist a {

	display: flex;

	justify-content: center;

	width: 100%;

	background-color: #de4c57;

	color: #fff;

	text-align: center;

	text-decoration: none;

	border-radius: 5px;

	padding: 5px;

}



.add_wishlist a img {

	display: block;

	width: 20px;

	margin-right: 5px;

}











/*banner_wrap*/

/*@media only screen and (min-width: 1px) and (max-width: 1400px) {





#banner_wrap {

	padding-top: 70px;

}



}*/



@media only screen and (min-width: 1401px) {



#banner_wrap {

	padding-top: 80px;

}



}



@media only screen and (max-width: 640px)  {



#banner .indexSlider .indexSliderNav {

	display: none;

}



}











/*productSlider*/

@media only screen and (min-width: 1px) and (max-width: 780px) {



.productSliderBox .productSlider1,

.productSliderBox .productSlider2,

.productSliderBox .productSlider3 {

	max-width: 330px;

	width: 330px;

}



.productSliderBox .productSlider1 > ul > li > .productBox,

.productSliderBox .productSlider2 > ul > li > .productBox,

.productSliderBox .productSlider3 > ul > li > .productBox {

	margin-right: 0px;

	margin-left: 0px;

}



.productSliderBox .prev-style1,

.productSliderBox .prev-style2,

.productSliderBox .prev-style3 {

	left: 40%;

}



.productSliderBox .next-style1,

.productSliderBox .next-style2,

.productSliderBox .next-style3 {

	right: 40%;

}



}



@media only screen and (min-width: 781px) and (max-width: 1200px) {



.productSliderBox .productSlider1,

.productSliderBox .productSlider2,

.productSliderBox .productSlider3 {

	max-width: 750px;

	width: 750px;

}



.productSliderBox .productSlider1 > ul > li > .productBox,

.productSliderBox .productSlider2 > ul > li > .productBox,

.productSliderBox .productSlider3 > ul > li > .productBox {

	margin-right: 20px;

	margin-left: 20px;

}



.productSliderBox .prev-style1,

.productSliderBox .prev-style2,

.productSliderBox .prev-style3 {

	left: 45%;

}



.productSliderBox .next-style1,

.productSliderBox .next-style2,

.productSliderBox .next-style3 {

	right: 45%;

}



}



@media only screen and (min-width: 1201px) and (max-width: 1550px) {



.productSliderBox .productSlider1,

.productSliderBox .productSlider2,

.productSliderBox .productSlider3 {

	max-width: 1125px;

	width: 1125px;

}



.productSliderBox .productSlider1 > ul > li > .productBox,

.productSliderBox .productSlider2 > ul > li > .productBox,

.productSliderBox .productSlider3 > ul > li > .productBox {

	margin-right: 20px;

	margin-left: 20px;

}



.productSliderBox .prev-style1,

.productSliderBox .prev-style2,

.productSliderBox .prev-style3 {

	left: 45%;

}



.productSliderBox .next-style1,

.productSliderBox .next-style2,

.productSliderBox .next-style3 {

	right: 45%;

}





}



@media only screen and (min-width: 1551px) {



.productSliderBox .productSlider1,

.productSliderBox .productSlider2,

.productSliderBox .productSlider3 {

	max-width: 1500px;

	width: 1500px;

}



.productSliderBox .productSlider1 > ul > li > .productBox,

.productSliderBox .productSlider2 > ul > li > .productBox,

.productSliderBox .productSlider3 > ul > li > .productBox {

	margin-right: 20px;

	margin-left: 20px;

}



.productSliderBox .prev-style1,

.productSliderBox .prev-style2,

.productSliderBox .prev-style3 {

	left: 47%;

}



.productSliderBox .next-style1,

.productSliderBox .next-style2,

.productSliderBox .next-style3 {

	right: 47%;

}



}











/*productSlider*/

@media only screen and (min-width: 1px) and (max-width: 400px) {



.activitiesBox figure .more p{

	top: 40%;

}



}



@media only screen and (min-width: 1px) and (max-width: 500px) {



.activitiesBox {

	width: 50%;

	font-size: 0.8em;

}



}



@media only screen and (min-width: 501px) and (max-width: 760px) {



.activitiesBox {

	width: 50%;

	font-size: 0.8em;

}



.activitiesBox figure .more p{

	top: 40%;

}



}



@media only screen and (min-width: 761px) and (max-width: 961px) {



.activitiesBox {

	width: 50%;

	font-size: 0.9em;

}



}



@media only screen and (min-width: 960px) and (max-width: 1301px) {



.activitiesBox .details h3{

	font-size: 0.9em;

}



.activitiesBox figure .more p{

	top: 40%;

}



}



@media only screen and (min-width: 1300px){



.activitiesBox .details h3{

	font-size: 1em;

}



}