/*OPTION選單*************************************************************/
#mask{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:888;
	transition:background-color 2s;
	-webkit-transition:background-color 2s;
	background-color: rgba(0, 0, 0, 0.6);
}
.top_nav{
	position:fixed;
	top:0;
	text-align:center;
	max-width:1920px;
	margin:0 auto;
	width:100%;
	height:40px;
	background:#75c6bf;
	background:#de0d7e;
	z-index:999;
	display:none;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
}
/*option_menu*/
#option_column{
	display:none;
}
@media screen and (max-width:1200px) {
	.top_nav{
		display:block;
	}
	/*option_menu*/
	#option_column{
		display:block;
		z-index:900;
		width:66%;
		min-width: 260px;
		text-align:left;
		position:relative;
		right:100%;
		overflow:hidden;
		overflow-y:auto;
		padding:0 0 40px 0;
		background-color:#F5F6F6;
		transition:right 0.3s;
		-webkit-transition:right 0.3s;
	}
	#option_column .option_wrap {
		margin:0;
	}
	/*狀態*/
	#option_column.clicked {
		display: block;
		right:0%;
		transition: right 0.3s;
		-webkit-transition:right 0.3s;
	}
	#option_column.back {
		display:block;
		right:100%;
		transition: right 0.3s;
		-webkit-transition:right 0.3s;
	}
	#option_column .option_sel{
		position: relative;
		clear:both;
		width:100%;
		height:min-content;
		font-size:13pt;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#333;
		cursor:pointer;
	}
	#option_column .option_sel:hover{
		background-color:#ececec;
	}
	#option_column .option_sel .ted{
		position: absolute; right:6px; top:7px;
		width: 36px; height: 36px; line-height: 36px;
		text-align: center;
		background: rgba(0,0,0,0.2);
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	}
	#option_column .option_block{
		clear:both;
		width:100%;
		height:4px;
		display:block;
		background:#ff5a00;
	}
	#option_column .option_link{
		clear:both;
		width:100%;
		height:60px;
		display:block;
		background:#F5F6F6;
		margin:10px 0 0 0;
	}
	#option_column .option_link a{
		display:inline-block;
		float:left;
		margin:10px 0 0 8px;
		padding:5px 0px 5px 0;
	}
	#option_column .option_link a img{
		width:50px;
		height:50px;		
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	#option_column .option_space{
		clear:both;
		width:100%;
		height:60px;
		display:block;
		background:#F5F6F6;
	}
	#option_column .option_title{
		clear:both;
		width:100%;
		height:49px;
		font-size:13pt;
		text-indent:20px;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#fff;
		background:#ff5a00;
	}
	#option_column .option_sel a{
		clear:both;
		width:100%;
		height:49px;
		text-indent:10px;
		padding:0 0 0 20px;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#333;
	}
	#option_column .normal{
		background:url(icon_sel.svg) no-repeat;
		background-size:14px 14px;
		background-position:10px center;
	}
	#option_column .index{
		background:url(icon_index.svg) no-repeat;
		background-size:14px 14px;
		background-position:10px center;
	}
	#option_column .expandable{
		background:url(icon_ted.svg) no-repeat;
		background-size:14px 14px;
		background-position:10px center;
	}
	#option_column .fb{
		background:url(icon_fb.svg) no-repeat;
		background-size:18px 18px;
		background-position:8px center;
	}
}
/**************************************************************/
/*option*/
.option_logo{
	display:inline-block;
	color:#FFF;
	font-size:12pt;
	padding:0 0 0 10px;
}
.option_logo img{
	vertical-align:baseline;
	margin:0 5px 0 0;
	width: 145px;
	height: 38px;
}
#option{
	float:left;
	width:50px;
	height:40px;
	background:url(icon_head_option_agent.svg) center center no-repeat;
	background-size:40px 40px;
	display:none;
	cursor:pointer;
	margin:0 0 0 0;
}
#option.close{
	background:url(icon_head_option_close.svg) center center no-repeat;
	background-size:40px 40px;
}
@media screen and (max-width:1200px) {
	#option{
		display:inline-block;
	}
}
.categoryitems li{
	width:100%;
	line-height:40px;
}
.categoryitems li a{
	width:100%;
	color:#333745;
	background-color:#f4f4f4;
	font-size:16px;
	text-indent:20px;
	line-height:49px;
	display:block;
	border-bottom:1px solid #E4E4E4;
	margin:0;
	padding:0 0 0 20px;
	background:url(icon_sel_sub.svg) no-repeat;
	background-size:14px 14px;
	background-position:20px center;
}
.categoryitems li a:hover{
	background-color:#e8e8e8;
}
.subcategoryitems li a{
	padding:0 0 0 30px;
	background-position: 30px center;
}
/*option_cart*/
#cart{
	position:relative;
	float:right;
	width:60px;
	height:40px;
	background:url(icon_cart.svg) center center no-repeat;
	background-size:20px 20px;
	display:none;
	cursor:pointer;
	margin:0 0 0 0;
}
#cart .counts{
    position: absolute;
    width: 20px;
    height: 20px;
    background:#000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    font-size: 14px;
    top: 2px;
    right: 10px;
}
@media screen and (max-width:1200px) {
	#option,
	#cart{
		display:inline-block;
	}
}
/***************************************************************/
/*top_links*/
.top_links{
	width:100%;
	height: 45px;
	text-align:right;
	font-size:11pt;
	padding:0px 10px;
	top:-70px;
	background:#fff;
	z-index:99;
}
.top_links a{
	margin:0 8px 0 0;
	padding:0;
	line-height:40px;
}
.top_links a:hover{
	color:#de0d7e;
}
.top_links .icon{
	position: relative;
	top:5px;
	margin: 0 3px 0 0;
	width: 22px;
	height: 22px;
	background-color: #aaa;
	display: inline-block;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.top_links a:hover .icon{
	background-color: #de0d7e;
}
.top_links .icon_search{
	background-image: url(icon_search.svg);
}
.top_links .icon_regist{
	background-image: url(icon_regist.svg);
}
.top_links .icon_login{
	background-image: url(icon_login.svg);
}
.top_links .icon_cart{
	background-image: url(icon_cart_top.svg);
}
.top_links .icon_order{
	background-image: url(icon_order.svg);
}
.top_links .icon_fav{
	background-image: url(icon_fav.svg);
}
.top_links a.icon_social{
	margin:0 4px 0 0;
}
.top_links .icon_social img{
	position: relative;
	top:5px;
	width: 22px;
	height: 22px;
	display: inline-block;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

/*#top_links_menu*/
.top_links #top_links_menu{
	display:inline-block;
}
#top_links_menu li.m0 .submenu{
	display:none;
	position:absolute;
	z-index:99;
	top:46px;
	background:#fff;
	padding:5px 0;
	right:0;
}
#top_links_menu li.m0 .submenu .sub_class{
	position:relative;
	right:25px;
}
#top_links_menu li.m0 .submenu .sub_class .title{
	font-size:11pt;
	padding:6px 0;
}
#top_links_menu li.m0 .submenu .sub_class .title a:hover{
	color:#de0d7e;
}
/*****************************************************************************/

/*logo*/
.logo{
	width:100%;
	text-align:center;
	margin:6px 0 0 0;
}
.logo img{
	width:80%;
	max-width:290px;
}
/*menu*****************************************************/
.menu{
	clear:both;
	width:100%;
	top:-70px;
	z-index:100;
}
@media screen and (max-width:1200px) {
	.top_links,
	.logo,
	.menu{
		display:none;
	}
}
.menu_column{
	width:100%;
	line-height: 45px;
	margin:0 auto;
	padding:9px 0 0 0;
	text-align:center;
	background:#e8e7e1;
}
.menu_column .logo_mini{
	width: 30px;
	height: 30px;
	position: relative;
	top:9px;
	left: 10px;
	margin: 0 10px 0 0;
	display: none;
}
.menu_column .logo_mini img{
	width: 30px;
	height: 30px;
}
.menu ul.nav{
	position:relative;
	width:auto;
	display:inline-block;
	text-align:center;
	letter-spacing:-4px;
}
.menu ul.nav li.m0{
	position:relative;
	display:inline-block;
	text-align:left;
	letter-spacing:0px;
	cursor:pointer;
}
.menu ul.nav li.m0>a{
	line-height:45px;
	height:45px;
	display:block;
	color:#222;
	font-weight:normal;
	font-size:14pt;
	text-align:center;
	letter-spacing:1px;
	padding:0 30px; 
}
.menu ul.nav li.m0>a:hover{
	color: #de0d7e;
}
.menu ul.nav .sel,
.menu ul.nav .sel:hover{
	border-bottom:2px solid #666;
}
.menu ul.nav li.m0 a .ch{
	clear:both;
	line-height:36px;
	height:36px;
}
/*submenu*/
.menu ul.nav li.m0 .submenu{
	display:none;
	position:absolute;
	z-index:99;
	top:45px;
	left:24px;
	background:#fff;
	padding:10px 0;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.menu ul.nav li.m0 .submenu_style1{
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu_style2{
	width:100%;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu_style3{
	width:424px;
	padding:0 0 10px 0;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu_style4{
	width:450%;
	left:-150%;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu .sub_class{
	float:left;
	margin:0;
    position: relative;
}
.menu ul.nav li.m0 .submenu .sub_class .title{
	float:left;
	width:100%;
	overflow:hidden;
	text-align:left;
}
.menu ul.nav li.m0 .submenu .sub_class .title>a{
	display:block;
	font-size:15px;
	line-height:1em;
	height:inherit;
	color:#666;
	margin:0;
	padding:6px 4px 6px 15px;
}
.menu ul.nav li.m0 .submenu .sub_class .title>a:hover{
	color:#de0d7e;
}
/*submenu_column*/
.submenu_column{
	float:left;
	margin:0 1px 10px 0;
	vertical-align:top;
	width: calc(50% - 1px);
}
.submenu_column:nth-child(even){
	margin:0 0 10px 0;
	width: calc(50% - 0px);
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column .title>a{
	text-align:center;
	font-size:13pt;
	font-weight:bold;
	padding:9px 0;
	color:#fff;
	background:#333;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column .title>a:hover{
	background: #de0d7e;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column ul.sub_ul{
	margin:0;
	padding:5px 0 0 0;
	width:100%;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column ul.sub_ul li.sub_li{
	margin:0;
	padding:0;
	width:100%;
	line-height: 16pt;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column ul.sub_ul li.sub_li a{
	line-height: 16pt;
	margin:0;
	padding:0 0 0 15px;
	display:block;
	width:100%;
	font-size:11pt;
	text-align:left;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column ul.sub_ul li.sub_li a:hover{
	color:#de0d7e;
}
/*****************************************************************************/
.banner {
    width: 100%;
    line-height: 0;
    text-align: center;
}
@media screen and (max-width:1200px) {
	.banner{
		margin:40px 0 0 0;
	}
}
.banner img{
	width:100%;
}
/*footer*********************************/
.footer{
	width:100%;
	background:#222;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
	padding:70px 0 20px 0;
}
.footer .column{
	width:96%;
	max-width:1200px;
	margin:0 auto;
}
/*copyright*/
.footer .column .counts{
	clear:both;
	width:100%;
	text-align:center;
	font-size:11pt;
	color:#fff;
	margin:10px auto 0 auto;
}
.footer .column .counts img{
	position:relative;
	top:1px;
	margin: 0 4px 0 0;
}
.footer .column .info{
	width:100%;
	text-align:center;
	font-size:11pt;
	
	color:#fff;
	margin:20px 0 0 0;
	padding:0 10px;
	line-height:20px;
}
.footer .column .info .host{
	display:block;
	font-size: 12pt;
	font-weight: bold;
}
.footer .column .info .address{
	display:block;
}
.footer .column .info .service_msg{
	clear:both;
}
@media screen and (max-width:1100px) {
	.footer .column .info .host,
	.footer .column .info .address,
	.footer .column .info .service_msg{
		display:block;
	}
}
.footer .column .e-mail{
	width:100%;
	text-align:center;
	font-size:11pt;
	color:#fff;
	margin:0 0 0 0;
	line-height:20px;
}
.footer .column .e-mail img{
	position:relative;
	top:-1px;
	margin: 0 4px 0 0;
}
.footer .column .e-mail a{
	color:#fff;
}
.footer .column .e-mail a:hover{
	color:#fff1d9;
}
.footer .social_link{
 text-align: center;
 padding: 10px 0;
}
.footer .social_link img{
  position: relative;
  top: 5px;
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.footer .column .copyright{
	width:100%;
	text-align:center;
	font-size:10pt;
	color:#ddd;
	margin:10px 0 0 0;
	line-height:12pt;
}
.footer .column .copyright a{
	color:#ddd;
}
.footer .column .copyright a:hover{
	color:#fff1d9;
}
/*copyright sitemap_list*/
.sitemap_list{
	width: 100%;
	clear: both;
	overflow: hidden;
	max-width: 1370px;
	margin: 0 auto;
	text-align: center;
}
.sitemap_list .title_h2{
	font-size:22pt;
	font-weight:bolder;
	text-align:center;
	margin:0 0 4px 0;
}
.sitemap_list .title_h3{
	font-size:14pt;
	text-align:center;
	line-height:20pt;
	margin:0 0 40px 0;
}
.sitemap_list .sitemap_box{
	font-size: 0.9em;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 10px 26px 10px;
	border-left: 1px solid #999;
	padding: 0 0 0 5px;
}
@media screen and (max-width:960px) {
	.sitemap_list{
		text-align: left;
	}
}
@media screen and (max-width:720px) {
	.sitemap_list{
		text-align: left;
	}
	.sitemap_list .sitemap_box{
		width: calc(33% - 24px);
	}
}
@media screen and (max-width:460px) {
	.sitemap_list .sitemap_box{
		width: calc(50% - 24px);
	}
}
.sitemap_list .sitemap_box .title{
	font-weight: bold;
	margin: 0 0 15px 0;
	text-align: left;
}
.sitemap_list .sitemap_box .title a{
	color: #fff;
}
.sitemap_list a:hover{
	border-bottom: 1px dashed #999;
}
.sitemap_list .sitemap_box .sub_class .title{
	font-weight: normal;
	margin: 0 0 8px 0;
	font-size: 12pt;
}
/***********************************************************/
/*PAGE*/
.page_container{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.9em;
	margin:0px 0 30px 0;
}
.page_container_top{
  	display:block;
	margin:20px 0;
}
.page_container_product {
    width:100%;
	display:block;
	height:30px;
    margin:20px 0 0 0;
    text-align: center;
}

#page_block{
	display:inline-block;
	width:auto;
	padding:0;
	width:100%;
	text-align:center;
	font-size:15px;
	cursor:pointer;
}
.page_block_see{
	display:inline-block;
	color:#06F;
	height:28px;
	line-height:28px;
	*zoom:1;
}
#page_block a{
	color:#999;
	display:inline-block;
	zoom:1;
	line-height:20px;
	height:20px;
	margin:0 5px 0 5px;
}
#page_block a:hover{
	color:#804920;
}
#page_block .page{
	padding:0 7px 0 7px;
	margin:0 -3px 0 0;
}
#page_block .page_prev{
	border-right:1px dotted #ccc;
	padding:0 25px 0 0;
	margin:0 20px 0 0 !important;
}
#page_block .page_next{
	border-left:1px dotted #ccc;
	padding:0 0 0 25px;
	margin:0 0 0 20px !important;
}
#page_block .page_back{

}
.page_container_prev_next{
	width:100%;
	font-size:12px;
	text-align:center;
	color:#804920;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
}
.page_block_see{
	background-color:#804920;
	display:inline-block;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:2px 7px 4px 7px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
}
.page_block_info{
	display:inline-block;
	color:#555;
	font-size:10pt;
	font-weight:bold;
	padding:2px 7px 4px 7px;
}
.page_container_prev_next .page_block a{
	margin:0 10px 0 10px;
	color:#999;
}
.page_container_prev_next .page_block a:hover,
.page_block a:hover{
	color:#804920;
}
.page_block .jump{
	cursor:pointer;
}
/********************************/
/*input物件*/
.input_guestbook_search{
	padding: 4px 34px 4px 9px;
	width:100%;
	max-width:160px;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border: #aaa 1px solid;
	color: #444;
	font-size: 15px;
	line-height: 22px;
	margin: 10px 0 5px 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}
select {
	background: url(icon-arrow-dwn.png) center right no-repeat;
	padding: 5px 35px 5px 10px;
	background-color: #eee;
	border: #aaa 1px solid;
	color: #444;
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
select::-ms-expand {
    display: none;
}
select.group_sel{
	background: url(icon-arrow-dwn.png) center right no-repeat;
	padding: 4px 34px 4px 9px;
	background-color: #eee;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border: #aaa 1px solid;
	color: #444;
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}
/*輔助設定*/
.line_height_50{
	line-height:50px;
}
.font_size_14 {
    font-size: 14px !important;
}
.font_bold{
	font-weight:bold;
}
.font_size_20 {
    font-size: 20px;
}
.font_color_c00 {
    color: #c00;
}
.font_color_666 {
    color: #666;
}
.font_size_9pt {
    font-size: 9pt;
}
.container{
	width:100%;

	margin:0 auto;
	overflow:hidden;
}
.container_display{
	width:100%;
	max-width:1788px;
	margin:0 auto;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
img{
	border:none;
}
h1{
	font-weight:normal;
}
br{
	filter: alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
html{
	-ms-content-zooming: none; /* Disables zooming */
	overflow-x:hidden;
	overflow-y:auto;
}
body{
	margin:0;
	padding:0;
	font-size:14pt;
	font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
}
a{
	color:#343434;
}
a:link,
a:visited,
a:hover{
	text-decoration:none;
}
.over_length{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.justify{
/*	text-align: justify;
	text-justify:inter-ideograph; */
}
* {
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nonselect{
	pointer-events: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.space{
	display: block;
	width: 100%;
	clear: both;
	height: 40px;
}