/*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:#00CFBB;
	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:1100px) {
	.top_nav{
		display:block;
	}
	/*option_menu*/
	#option_column{
		display:block;
		z-index:900;
		width:100%;
		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{
		clear:both;
		width:100%;
		height:49px;
		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_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:20px 0 0 0;
	}
	#option_column .option_link a{
		display:inline-block;
		float:left;
		margin:10px 0 0 10px;
		padding:5px 6px;
		background:#00CFBB;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	#option_column .option_link a img{
		width:20px;
		height:20px;		
	}
	#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:7px 0 0 10px;
}
.option_logo img{
	vertical-align:baseline;
	margin:0 5px 0 0;
}
#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:1100px) {
	#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:#12675F;
    -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:1100px) {
	#option,
	#cart{
		display:inline-block;
	}
}
/***************************************************************/
/*top_links*/
.top_links{
	width:100%;
	text-align:right;
	font-size:11pt;
	padding:10px;
	top:-70px;
	background:#fff;
	z-index:99;
}
.top_links a{
	margin:0 15px 0 0;
	padding:0 0 0 28px;
	line-height:22px;
}
.top_links a:hover{
	color:#00CFBB;
}
.top_links .icon_search{
	background-image:url(iocn_search.png);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:-6px;
	display:inline-block;
	height:22px;
	overflow:hidden;
}
.top_links .icon_search:hover{
	background-position:0 -22px;
}
.top_links .icon_location{
	background-image:url(icon_location.png);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:-6px;
	display:inline-block;
	height:22px;
	overflow:hidden;
}
.top_links .icon_location:hover{
	background-position:0 -22px;
}
.top_links .icon_cart{
	background-image:url(icon_cart.png);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:-6px;
	display:inline-block;
	height:22px;
	overflow:hidden;
}
.top_links .icon_cart:hover{
	background-position:0 -22px;
}
.top_links .icon_member{
	background-image:url(icon_member.png);
	background-repeat:no-repeat;
	background-position:0 0;
	display:inline-block;
	width:53px;
	height:36px;
	overflow:hidden;
}
.top_links .icon_member:hover{
	background-position:0 -36px;
}
/*#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:#00CFBB;
}
/*****************************************************************************/

/*logo*/
.logo{
	width:100%;
	text-align:center;
	margin:25px 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:1100px) {
	.top_links,
	.logo,
	.menu{
		display:none;
	}
}
.menu_column{
	width:100%;
	margin:0 auto;
	padding:9px 0 0 0;
	text-align:center;
	background:#dedede;
}
.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:#154b47;
	font-weight:bold;
	font-size:16pt;
	text-align:center;
	letter-spacing:2px;
	padding:0 37px;
}
.menu ul.nav .sel,
.menu ul.nav .sel:hover{
	border-bottom:2px solid #214D49;
}
.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;
	background:#fff;
	padding:2px 0 10px 0;
	border-top:3px solid #214C48;
}
.menu ul.nav li.m0 .submenu_style1{
	left:36px;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu_style2{
	width:100%;
	left:36px;
	overflow:hidden;
}
.menu ul.nav li.m0 .submenu_style3{
	width:424px;
	left:36px;
	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:#00CFBB;
}
/*submenu_column*/
.submenu_column{
	float:left;
	margin:0 2px 0 0;
	vertical-align:top;
	width: 140px;
}
.submenu_column:nth-last-child(1){
	margin:0;
}
.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:#484848;
	background:#48D1C5;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column .title>a:hover{
	color:#fff;
}
.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%;
}
.menu ul.nav li.m0 .submenu .sub_class .submenu_column ul.sub_ul li.sub_li a{
	margin:0;
	padding:4px 0 4px 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:#00CFBB;
}
/*****************************************************************************/
.banner{
	width:100%;
	line-height: 0;
}
@media screen and (max-width:1100px) {
	.banner{
		margin:40px 0 0 0;
	}
}
.banner img{
	width:100%;
}
/*footer*********************************/
.footer{
	width:100%;
	background:#393939;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
	padding:70px 0;
}
.footer .column{
	width:96%;
	max-width:1200px;
	margin:0 auto;
}
.footer .column .left_column{
	float:left;
	width:28.75%;
	border-right:1px solid #494949;
	padding:0 70px 40px 0;
	text-align:right;
}
.footer .column .left_column .footer_logo{
	float:right;
	width:100%;
	margin:0 0 20px 0;
}
.footer .column .left_column .footer_logo img{
	max-width:100%;
}
.footer .column .left_column ul{
	width:100%;
	text-align:right;
}
.footer .column .left_column li{
	width:100%;
	display:block;
	line-height:24pt;
	font-size:12pt;
}
.footer .column .left_column li a{
	color:#FFF;
}
.footer .column .right_column{
	width:71%;
	float:right;
	padding:20px 0 0 70px;
}
.footer .column .right_column .text{
	font-size:11pt;
	line-height:23pt;
	width:100%;
	max-width:500px;
	margin:0 0 55px 0;
	text-align: justify;
	text-justify:inter-ideograph; 
}
.footer .column .right_column .tel{
	width:100%;
	color:#35C7AE;
	margin:0 0 25px 0;
}
.footer .column .right_column .tel .title{
	display:inline-block;
	font-size:11pt;
	margin:0 5px 0 0;
	position:relative;
	top:-5px;
}
.footer .column .right_column .tel .number{
	display:inline-block;
	font-size:22pt;
	font-weight:bolder;
}
.footer .column .right_column .social{
	width:100%;
}
.footer .column .right_column .social a{
	display:inline-block;
	margin:0 30px 0 0;
}
.footer .column .right_column .social a img{
	width:18px;
	height:18px;
}
.footer .column .copyright{
	clear:both;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:40px 0;
}
.footer .column .copyright .copyright_left_column{
	float:left;
	width:48%;
	text-align:left;
	font-size:10pt;
	color:#666;
	line-height:16pt;
}
.footer .column .copyright .copyright_left_column a{
	color:#666;
	border-bottom:1px dotted #666;
}
.footer .column .copyright .copyright_right_column{
	float:right;
	width:48%;
	text-align:right;
	font-size:10pt;
	color:#666;
	line-height:16pt;
}
.footer .column .copyright .copyright_right_column a{
	color:#666;
}
.footer .column .copyright .copyright_right_column a img{
	vertical-align:middle;
	margin:0 5px 0 0;
}
@media screen and (max-width:1100px) {
	.footer .column .left_column {
		float: left;
		width: 100%;
		border-right: none;
		padding: 0 4%;
		text-align:left;
	}
	.footer .column .right_column {
		width: 100%;
		float: left;
		padding: 0 4%;
	}
	.footer .column .left_column ul {
		display:none;
	}
	.footer .column .copyright{
		padding:40px 4%;
	}
	.footer .column .copyright .copyright_left_column,
	.footer .column .copyright .copyright_right_column {
		float: left;
		text-align:left;
		width:100%;
		margin:0 0 10px 0;
	}
}
/***********************************************************/
/*PAGE*/
.page_container{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.9em;
	margin:0px 0 30px 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 */
}
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;
}