/*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:rgba(124, 122, 127,0.9);
	z-index:999;
	display:none;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
}
/*option_menu*/
#option_column{
	clear: both;
	display:none;
}
@media screen and (max-width:1200px) {
	.top_nav{
		display:block;
	}
	/*option_menu*/
	#option_column{
		display:block;
		z-index:900;
		width:60%;
		text-align:left;
		position:relative;
		right:calc(100%);
		overflow:hidden;
		overflow-y:auto;
		padding:0 0 40px 0;
		background-color:#333;
		transition:right 0.3s;
		-webkit-transition:right 0.3s;
	}
	#option_column .option_wrap {
		margin:0;
	}
	/*狀態*/
	#option_column.clicked {
		display: block;
		right:calc(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:#222;
	}
	#option_column .option_block{
		clear:both;
		width:100%;
		height:4px;
		display:block;
		background:#ff5a00;
	}
	#option_column .option_link{
		clear:both;
		width:100%;
    overflow: hidden;
		display:block;
		margin:20px 0 0 0;
	}
	#option_column .option_link a{
		display:inline-block;
		float:left;
		margin:10px 0 0 10px;
		padding:5px 6px;
		background:#f67400;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	#option_column .option_link a img{
		width:20px;
		height:20px;		
	}
	#option_column .option_link a.pic{
		display:inline-block;
		float:left;
		margin:10px 0 0 0;
		padding:5px 6px;
		background:none;
	}
	#option_column .option_link a.pic img{
		width:128px;
		height:128px;		
	}
	#option_column .option_space{
		clear:both;
		width:100%;
		height:60px;
		display:block;
	}
	#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 #222;
		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 #222;
		color:#fff;
	}
	#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:5px 0 0 5px;
}
.option_logo img{
	vertical-align:baseline;
	margin:0 5px 0 0;
  width: 100%;
  max-width: 120px;
  max-height: 30px;
}
#option{
	float:left;
	width:50px;
	height:40px;
	background:url(icon_head_option_agent.svg) 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:#fff;
	font-size:16px;
	text-indent:20px;
	line-height:49px;
	display:block;
	border-bottom: 1px solid #222;
	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:rgba(0,0,0,33);
}
.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;
	}

}
/***************************************************************/
/*option_#login*/
#login{
	position:relative;
	float:right;
	width:40px;
	height:40px;
	background:url(icon_login.svg) center center no-repeat;
	background-size:20px 20px;
	display:none;
	cursor:pointer;
	margin:0 0 0 0;
}
#login .counts{
  position: absolute;
  width: 20px;
  height: 20px;
  background:#fc0000;
  -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: 0px;
}
@media screen and (max-width:1200px) {
	#option,
	#login{
		display:inline-block;
	}
}
/***************************************************************/
/*top_links*/
.top_links{
	position: fixed;
	width:100%;
	max-width: 1920px;
	height: 35px;
	text-align:right;
	font-size:11pt;
	padding:0px 10px;
	top:0px;
	z-index:99;
	background: #444;
}
.top_links div.note{
	color: #fff;
	margin:0 8px 0 0;
	padding:0;
	display: inline-block;
	line-height:35px;
	cursor: pointer;
}
.top_links a{
	margin:0 8px 0 0;
	padding:0;
	display: inline-block;
	line-height:35px;
}
.top_links a:hover{
	color:#ff6633;
}
.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: #ff6633;
}
.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_top.svg);
}
.top_links .icon_note{
	position: relative;
	background-image: url(icon_note.svg);
}
.top_links .icon_note .counts{
  position: absolute;
  width: 20px;
  height: 20px;
  background:#fc0000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 20px;
  color: #FFF;
  font-size: 14px;
  top: -4px;
  right: -12px;
}
.top_links .icon_store{
	background-image: url(icon_store.svg);
}
.top_links .icon_cart{
	background-image: url(icon_cart_top.svg);
}
.top_links .icon_cart .counts{
    position: absolute;
    width: 20px;
    height: 20px;
    background:#fc0000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    font-size: 14px;
    top: -4px;
    right: -12px;
}
.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 .note{
	position: relative;
}
.top_links .note .note_column{
	position: absolute;
	background: #222;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	left: -10px;
	top:30px;
	width: 280px;
	color: #000;
	text-align: left;
	overflow-x:hidden;
	display: none;
}
.top_links .note .note_column .more{
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 8px;
	line-height: 20px;
}
.top_links .note .note_column .more a{
	color: #fff;
}
.top_links .note .note_column .more a:hover{
	color: #ccc;
}
.top_links .note .note_column .box{
	width: 100%;
	color: #000;
	padding: 8px;
	border-bottom: 1px solid #555;
	line-height: 20px;
}
.top_links .note .note_column .box .icon{
	position: relative;
	top:5px;
	display: inline-block;
	width: 26px;
	height: 26px;
	-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover;
  cursor: default;
  margin: 0 5px 0 0;
  background-color: transparent;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
.top_links .note .note_column .box .icon_meme{
	background-image: url('icon_meme.png');
}
.top_links .note .note_column .box .icon_donate{
	background-image: url('icon_donate.png');
}
.top_links .note .note_column .box .icon_flower{
	background-image: url('icon_flower.png');
}
.top_links .note .note_column .box .icon_coffee{
	background-image: url('icon_coffee.png');
}
.top_links .note .note_column .box .msg{
  display: inline-block;
	width: calc(100% - 35px);
	color: #fff;
  margin:0;
  padding: 0;
  cursor: default;
  line-height: 20px;
}
.top_links .note .note_column .box .msg a{
	color: #fff;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.top_links .note .note_column .box .msg a:hover{
	color: #fff;
}
.top_links .note .note_column .box .msg .history_tips {
    font-size: 10pt;
    background: #0094cc;
    padding: 1px 3px;
    margin: 0 0 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*#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:#f67400;
}
/*****************************************************************************/

/*logo*/
.top_column{width: 100%;	z-index:100;  height: 120px; background: rgba(124,122,127,1); z-index: 61; position: fixed;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75); box-shadow: 0 1px 5px rgba(0,0,0,0.75);transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.column_1100{width: 100%;max-width: 1100px;margin: 0 auto; }
.column_1200{width: 100%;max-width: 1200px;margin: 0 auto; }
.column_1300{width: 100%;max-width: 1300px;margin: 0 auto; }
.logo{
	float: left;
	width:200px;
	text-align:center;
	padding: 45px 0 0 0;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.logo img{
	width:80%;
	max-width:290px;
}
/*menu*****************************************************/
.menu{
	float: right;
	width:calc(100% - 340px);
	padding: 0 80px 0 0;
}
@media screen and (max-width:1200px) {
	.top_column,
	.top_links,
	.logo,
	.menu{
		display:none;
	}
	.txt_note{
		display:none;
	}
}
.menu_column{
	width:100%;
	margin:0 auto;
	padding:60px 0 0 0;
	text-align:center;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.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;
	display:block;
	color:#fff;
	font-size:12pt;
	text-align:center;
	letter-spacing:2px;
	padding:0 12px;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.menu ul.nav li.m0>a:hover{
	background:rgba(0,0,0,33);
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.menu ul.nav li.m0 a .ch{
	clear:both;
	line-height:36px;
	height:36px;
}
/*submenu*/
.menu ul.nav li.m0 .submenu{
	max-height: 0;
	position:absolute;
	z-index:99;
	top:30px;
	background:#000;
	transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out;
}
.menu ul.nav li.m0:hover .submenu{max-height:400px;overflow:hidden;z-index:99;}
.menu ul.nav li.m0 .submenu_style1{
	left:0px;
  width: 100%;
	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:10px;
	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_style5{
	left:0px;
  width: 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:#fff;
	margin:0;
	padding:15px 10px;
}
.menu ul.nav li.m0 .submenu .sub_class .title>a:hover{
	color:#f67400;
}
/*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:#f67400;
}
/*****************************************************************************/
.column_1100 .search{
	float:right;
	position: relative;
	width:120px;
	height:36px;
	top:40px;
	right:80px;
	background:#FFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
@media screen and (max-width:1200px) {
	.top_column{height: 60px;}
	.logo{width: 120px; margin: 13px 0 0 0;}
	.menu_column{padding:13px 0 0 0;}
	.column_1100 .search{top:13px;}
}
.column_1100 .search input{
	border:none;
	width:100px;
	margin:0 0 0 10px;
	font-size:11pt;
	line-height:36px;
	font-family: Microsoft JhengHei, simhei, Arial;
	background-color:transparent;
}
.column_1100 .search .search_button{
	display: inline-block;
	cursor:pointer;
	position:absolute;
	right:-44px;
	width: 36px;
	height: 36px;
	background: #000 url(icon_search.svg) no-repeat center;
	background-size: 20px; 
	-webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.column_1100 .search .search_button:hover{
	background: #cc0000 url(icon_search.svg) no-repeat center;
	background-size: 20px; 
}
/*****************************************************************************/
.banner{
	width:100%;
	line-height: 0;
}
.banner img.banner{
	width:100%;
}
@media screen and (max-width:1200px) {
	.banner{margin:0;} 
}
/*footer*********************************/
.footer{
	width:100%;
	background:#000 url('bg_footer.jpg') right top no-repeat;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
	padding:70px 0 0 0;
}
.footer .column{
	width:96%;
	max-width:1100px;
	margin:0 auto;
}
.footer .column .left_column{
	float:left;
	width:100%;
	padding:0 0 20px 0;
}
.footer .column .left_column .footer_logo{
	float:left;
	width:160px;
	margin:0 0 20px 0;
}
.footer .column .left_column .footer_logo img{
	max-width:100%;
	max-width: 160px;
}
.footer .column .left_column .text{
	font-size:12pt;
	float: left;
	max-width:500px;
	margin:25px 0 0 40px;
	color: #777;
}
.footer .column .right_column{
	width:100%;
	float:right;
	padding:0 0 0 20px;
}

.footer .column .right_column ul{
	float: left;
	width:100%;
	max-width: 200px;
	margin:0 10px 20px 0;
}
.footer .column .right_column li{
	width:100%;
	display:block;
	line-height:16pt;
	margin: 0 0 10px 0;
	font-size:12pt;
}
.footer .column .right_column li a{color:#FFF;}
.footer .column .right_column li a:hover{color: #ff6633;}

.footer .column .right_column .tel{
	width:100%;
	color:#fff;
	margin:0 0 10px 0;
}
.footer .column .right_column .tel .title{
	display:inline-block;
	font-size:11pt;
	margin:0 5px 0 0;
	position:relative;
}
.footer .column .right_column .tel .title img{width: 20px; height: 20px; position: relative; top:4px;}
.footer .column .right_column .tel .number,
.footer .column .right_column .tel .number a{
	display:inline-block;
	font-size:12pt;
  color:#fff;
}
.footer .column .right_column .social{
	width:100%;
	padding: 15px 0 0 0;
}
.footer .column .right_column .social a{
	display:inline-block;
	margin:0 30px 0 0;
}
.footer .column .right_column .social a img{
	width:128px;
	height:128px;
}
.footer .column .copyright{
	clear:both;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:40px 0;
}
.footer .column .copyright .copyright_left_column{
	float:left;
	width:100%;
	text-align:left;
	font-size:10pt;
	color:#777;
	line-height:16pt;
}
@media screen and (max-width:1200px) {
	.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 .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;
	}
}
@media screen and (max-width:900px) {
	.footer{background:#000 url('bg_footer.jpg') center top no-repeat;	-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover;}
	.footer .column .left_column .text{clear: both; width: 100%; margin:15px 0 25px 0; max-width: 90%; color:#fff;}
}
@media screen and (max-width:480px) {
	.footer .column .right_column ul{max-width: 100%}
}
/***********************************************************/
/*PAGE*/
.page_container{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.9em;
	margin:0px 0 20px 0;
}
.page_container_top{
  	display:block;
	margin:10px 0 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;
	color: #999;
}
.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:#f67400;
}
#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:#f67400;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
}
.page_block_see{
	background-color:#f67400;
	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:#f67400;
}
.page_block .jump{
	cursor:pointer;
}
#page_block a.page_nr{
	background:#ccc;
	color: #000;
	padding: 2px 10px 26px 10px;
	line-height: 26px; 
	font-size: 12pt;
	display: inline-block;
  border-radius: 2px;
  margin:0 2px;
}
#page_block a.page_nr:hover{
	background:#f67400;
	color: #fff;
}
#page_block span.page_current{
	background:#d60000;
	color: #fff;
	padding: 2px 10px;
	line-height: 26px; 
	font-size: 12pt;
	display: inline-block;
  border-radius: 2px;
  margin:0 2px;
}
.page_buttom{
	display:inline-block;
	width:auto;
	padding:0;
	width:100%;
	text-align:center;
	font-size:15px;
	cursor:pointer;
}
.page_current {
    font-weight: 700;
}
.search_rule{
	display:inline-block;
	padding:0;
	width:100%;
	text-align:center;
	color: #fff;
	font-size: 12pt;
	margin: 15px 0 0 0;
}
/********************************/
/*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 */
}
input[type=file]{color: #fff;}
/*輔助設定*/
.line_height_50{line-height:50px;}
.font_size_14 {font-size: 14px !important;}
.font_bold{font-weight:bold;}
.font_size_9pt {font-size: 9pt;}
.font_size_20 {font-size: 20px;}
.font_color_c00 {color: #c00;}
.font_color_666 {color: #666;}
.font_color_ff6060{color: #ff6060;}
.font_color_orang{color:#ff6633;}
.font_color_yellow{color:#ffdf00;}
.text_center{text-align: center !important;}
.text_left{text-align: left !important;}
.container{
	width:100%;
	max-width: 1920px;
	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;
	background: #444;
}
a{
	color:#fff;
}
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;
}
/*custom_column*/
.custom_column{
	clear: both;
	width: 100%;
	padding: 1% 0.5%;
	text-align:center;
}
.active_window .info{
  margin:10px;	
}
.active_window .info li{
  margin-bottom:10px;	
}
#spcontent{
  margin: 20px 0;
  font-size: 12pt;
  line-height: 18pt;
  color: #fff;
}
/*************/
.top_nav .note{
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background: url(icon_note.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    margin: 0 0 0 0;
}
.top_nav .note .counts {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fc0000;
    -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: 0px;
}
.top_nav .note .note_column{
	position: absolute;
	background: #222;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	right: -50px;
	top:38px;
	width: 280px;
	color: #000;
	text-align: left;
	overflow-x:hidden;
	display: none;
}
.top_nav .note .note_column .more{
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 8px;
	line-height: 20px;
	font-size: 12pt;
}
.top_nav .note .note_column .more a{
	color: #fff;
}
.top_nav .note .note_column .more a:hover{
	color: #ccc;
}
.top_nav .note .note_column .box{
	width: 100%;
	color: #000;
	padding: 8px;
	border-bottom: 1px solid #555;
	line-height: 20px;
}
.top_nav .note .note_column .box .icon{
	position: relative;
	top:5px;
	display: inline-block;
	width: 26px;
	height: 26px;
	-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover;
  cursor: default;
  margin: 0 5px 0 0;
  background-color: transparent;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
.top_nav .note .note_column .box .icon_meme{
	background-image: url('icon_meme.png');
}
.top_nav .note .note_column .box .icon_donate{
	background-image: url('icon_donate.png');
}
.top_nav .note .note_column .box .icon_flower{
	background-image: url('icon_flower.png');
}
.top_nav .note .note_column .box .icon_coffee{
	background-image: url('icon_coffee.png');
}
.top_nav .note .note_column .box .msg{
  display: inline-block;
	width: calc(100% - 40px);
	color: #fff;
  margin:0;
  padding: 0;
  cursor: default;
  line-height: 20px;
  font-size: 12pt;
}
.top_nav .note .note_column .box .msg a{
	color: #fff;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.top_nav .note .note_column .box .msg a:hover{
	color: #fff;
}
.top_nav .note .note_column .box .msg .history_tips {
    font-size: 10pt;
    background: #0094cc;
    padding: 1px 3px;
    margin: 0 0 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}