.main_container{padding: 140px 0 0 0;}
@media screen and (max-width:1200px) {
	.main_container{padding: 40px 0 0 0; }
}
/********************************/
.swiper-container{background: #a20000; position: fixed; top:120px; z-index: 49;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.list_column{margin:0; width: 100%; font-size: 12pt;}
.list_column ul.tabs{width: 100%; margin: 0; padding: 5px 0; white-space: nowrap; }
.list_column ul.tabs li.title_menu{display: table-cell; list-style-type: none; width:inherit;text-align: center;border-right: 1px solid #fff;}
.list_column ul.tabs li.title_menu2{
	color: #000; border-right:none; text-align: left; padding: 0 0 0 10px; min-width: 60px !important;
	background: #fff;
	-webkit-clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);
	clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);
}
.list_column ul.tabs li.title_menu a{color: #fff; padding:5px 10px; display: inline-block;}
.list_column ul.tabs li.title_menu a:hover{color:#fff;}
.list_column ul.tabs li.ui-state-focus a{border-bottom:3px solid #999; outline: none;}
.list_column ul.tabs li.ui-state-active a{border-bottom:3px solid #ff6633; color:#ff6633; outline: none;}
.list_column ul.tabs li.ui-state-focus a:before,
.list_column ul.tabs li.ui-state-active a:before{position: relative; top: 2px;}
@media screen and (max-width:1200px) {
	.swiper-container{top:60px;}
}
@media screen and (max-width:1200px) {
	.swiper-container{top:40px !important;}
}
/****************************************************************/
/*news list*/
.news_box{
	position: relative;
	display:inline-block;
	width:22%;
	max-width:400px;
	margin:0 22px 3% 22px;
	vertical-align:top;
	top:0;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
@media screen and (max-width:1600px) {
	.news_box{
		width:40%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
@media screen and (max-width:640px) {
	.news_box{
		width:90%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
.news_box .pic{
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:60%;
	background-position:center center;
	border:2px solid rgba(255,255,255,0.85);
	margin:0 0 2% 0;
}
.news_box:hover .pic{border:2px solid rgba(240,85,35,0.85);}
.news_box .title{
	font-size:12pt;
  line-height: 16pt;
	width:95%;
  margin: 0 auto;
  text-align: left;
}
.news_box .desc{
	font-size:10pt;
	width:95%;
  margin:5px auto 5px auto;
  color: #ffb100;
  text-align: right;
}
.news_box .desc2{
	font-size:11pt;
	width:95%;
  margin:5px auto 5px auto;
  color: #fff;
  line-height: 13pt;
  text-align: left;
}
.news_box .desc2::after{
	content: "...";
}
.news_box:hover{top:-8px;}
.news_box:hover .title{color:#ff6633;}
/********************************/
/*news list2*/
.news_box2{
	position: relative;
	display:inline-block;
	width:22%;
	margin:0 1% 1% 1%;
	vertical-align:top;
	top:0;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	background: #222;
	padding:8px 5px;
}
@media screen and (max-width:1600px) {
	.news_box2{
		width:40%;
		margin:0 2% 1% 2%;
		max-width:500px;
	}
}
@media screen and (max-width:640px) {
	.news_box2{
		width:90%;
		margin:0 2% 1% 2%;
		max-width:500px;
	}
}
.news_box2 .title{
	font-size:12pt;
  line-height: 16pt;
	width:95%;
  margin: 0 auto;
  text-align: left;
}
.news_box2 .desc{
	font-size:9pt;
	width:95%;
  margin:5px auto 5px auto;
  color: #777;
  text-align: right;
}
.news_box2:hover{background:rgba(240,85,35,0.8);}
.news_box2:hover .desc{color:#ccc;}
/********************************/
.news_html_column {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto 10% auto;
    padding: 0 5%;
}
@media screen and (max-width:800px) {
	.news_list_column{
		padding:0 2%;
	}
	.news_html_column{
		padding:0 2%;
	}
}
.box_news .left .mobile_date.news_info {
    display: block;
    width: 100%;
    clear: both;
    font-size: 11pt;
    color: #fff;
    background: url(icon_date.svg) no-repeat;
    background-position: 4px 0;
    background-size: 14px 14px;
    padding-left: 22px;
    margin: 0 0 10px 0;
}
.box_news .right .title {
    display: inline-block;
    font-size: 22px;
    line-height: 22pt;
    margin: 0 20px 0 0;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #c00;
}
.box_news .right .title2 {
    display: inline-block;
    font-size: 11pt;
    line-height: 16pt;
    margin: 0 20px 0 0;
    width: 100%;
    color: #ccc;
}
.main_title_h1 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 32pt;
    color: #fff;
    padding: 60px 0 30px 0;
}
.main_title_h1_2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 26pt;
    color: #fff;
    /*padding: 120px 0 2% 0;*/
    padding: 0px 0 2% 0;
}
@media screen and (max-width:1200px) {
	.main_title_h1_2 {
	    padding: 160px 0 2% 0;
	}
}
@media screen and (max-width:1200px) {
	.main_title_h1_2 {
	    padding: 60px 0 2% 0;
	}
}
.main_title_h1_3 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 26pt;
    color: #fff;
    padding: 0% 0 2% 0;
}
.main_title_h1_4 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 20pt;
    color: #000;
    padding: 0% 0 2% 0;
}
@media screen and (max-width:800px) {
	.main_title_h1{
		font-size:26pt;
	}
}
@media screen and (max-width:480px) {
	.main_title_h1{
		font-size:20pt;
	}
}
/*search*/
.search_column{
	clear:both;
	width:100%;
	max-width:800px;
	margin:10px auto 60px auto;
}
.input_default {
  font-size: 16px;
  width: 70px;
  font-family: Microsoft JhengHei, simhei, Arial;
  padding:3px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #666;
}
.input_search{
	margin:10px 0;
	width:96%;
	max-width:300px;
	font-size:1em;
	font-family: Microsoft JhengHei, simhei, Arial;
	padding:6px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	border: none;
}
/********************************************/
/*info*/
.info_column{
	clear:both;
	width:100%;
	max-width:1600px;
	margin:0 auto;
}
.main_column_nav{
	width:100%;
	max-width:1060px;
	padding:45px 20px 0 20px;
	margin:0 auto;
}
.main_column_full{
	clear:both;
	width:100%;
	max-width:1600px;
	padding:35px 20px 10px 20px;
	margin:0 auto;
	overflow:hidden;
}
.main_column{
	float:right;
	width:calc(100% - 200px);
	padding:0 10px 3% 20px;
}
.main_column_products{max-width: 1400px;}
.main_column_page{
	float:none;
	width:100%;
	max-width:940px;
	margin:0 auto;
	padding:10px 20px 0 20px;
}
.nav_column{
	float:left;
	width:45%;
}
.nav_column_full{
	float:left;
	width:100%;
}
.nav_column a{
	line-height:35px;
	color:#ccc;
	font-size:18pt;
	min-width:135px;
	padding:5px 10px 5px 0;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
.nav_root{
	display:inline-block;
}
.nav_view{
	display:none;
}
.list_mode{
	float:right;
	margin:0 10px 0 0;
	font-size:15px;
}
.list_mode a{
	margin:0 0 0 10px;
}
@media screen and (max-width:1000px) {
	.main_column_nav{
		padding:85px 10px 0 10px;
	}
	.main_column{
		float:none;
		width:100%;
		max-width:940px;
		padding:0px 10px 0 10px;
		margin:0 auto;
	}
	.main_column_full{
		width:100%;
		max-width:940px;
		/*padding:10px 20px 10px 10px;*/
		margin:0 auto;
	}
	.nav_column{
		float:left;
		width:45%;
	}
	.nav_column_full{
		float:left;
		width:100%;
	}
	.nav_column a{
		line-height:35px;
		font-size:13px;
		background:#f4f4f4;
		min-width:135px;
		padding:5px 10px 5px 10px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		color:#999;
	}
	.nav_root{
		display:none;
	}
	.nav_view{
		display:inline-block;
	}
	.list_mode{
		display:none;
	}
}
.share_column{
	float:right;
}
@media screen and (max-width:600px) {
	.nav_column,
	.share_column{
		float:left;
		width:100%;
		margin:0 0 10px 0;
	}
}
/************************************************************************/
/*left_menu*/
.info_column .left_column{
	float:left;
	width:20%;
	max-width:180px;
}
.left_menu{
	float:left;
	width:180px;
	margin:0 0 30px 10px;
	padding:15px 0 0 0;
	overflow:hidden;
	border-top:2px solid #ccc;
}
@media screen and (max-width:1000px) {
	.left_menu{
		display:none;
	}
}
.left_menu ul{
	float:left;
	width:100%;
	margin:0 0 25px 0;
	padding:0;
	overflow:hidden;
}
.left_menu ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
.left_menu ul li.p_class{
	font-size:1.2em;
}
.left_menu ul li a{
	display:block;
	width:100%;
	line-height:1.2em;
	font-size:1em;
	color:#ccc;
	padding:5px 0 5px 10px;
}
.left_menu ul li a:hover{
	color:#fff;
}
.left_menu ul .sel a{
	display:block;
	width:100%;
	font-size:1em;
	color:#ff6633;
  font-weight: bold;
}
.left_menu ul .sel a:hover{
	color:#fff;
}
.left_menu>.goback a{
	width:100%;
	line-height:1.2em;
	font-size:15px;
	color:#666;
	margin:5px 0 5px 0;
}

.left_menu ul>ul{
	float:right;
	width:95%;
	margin:0 0 25px 0;
	padding:0;
}
.left_menu ul>ul li{
	float:left;
	width:100%;
	font-size:0.9em;
	border-bottom:none;
	border-bottom:1px solid #aaa;
}
/****************************************************************/
.main_title_column{
	width:100%;
	overflow:hidden;
	padding:10px 0 10px 30px;
	margin:0 0 15px 0;
	color:#fff;
	background:url(icon_title.svg) no-repeat;
	background-size:25px;
	background-position:center left;
}
.main_title_column .left{
	float:left;
	width:95%;
}
.main_title_column .left.full_width{
	width:100%;
}
.main_title_column .left .title{
	font-size:22px;
	line-height:26px;
}
.main_title_column .right{
	float:right;
	width:30%;
	text-align:right;
}
.main_title_column .right .link{
	font-size:14px;
	color:#cc0000;
}
.main_title_column .right img{
	vertical-align:middle;
}
/****************************************************************/
/****************************************************************/
.HTML_info{
  margin: 20px 0;
  font-size: 12pt;
  line-height: 18pt;
  text-align: justify;
  color: #fff;
}
.HTML_info border,
.HTML_info border img,
.HTML_info img,
.HTML_info iframe{
	max-width:100% !important;
}
/*********************************************************/
.photo_info{
  width: 100%;
  overflow: hidden;
  display: block;
  text-align: center;
  margin: 40px 0; 
}
.photo_info a{
  display: inline-block;
  width: calc(33% - 4px);
  padding-bottom: calc(33% - 4px);
  background-position: center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
/*********************************************************/
/*produce_info*/
.main_product_column{
    clear: both;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    color: #fff;
    padding: 60px 0 2% 0;
    overflow: hidden;
}
@media screen and (max-width: 1200px){
	.main_product_column{
	    padding: 140px 0 2% 0;
	}
}
@media screen and (max-width: 1100px){
	.main_product_column{
	    padding: 40px 0 2% 0;
	}
}
/*********************************************************/
/*商品頁面資訊*/
.main_info_column{
	clear:both;
	width:96%;
	max-width:1100px;
	margin:60px auto 30px auto;
	overflow:hidden;
}
.product_box .info_column{
	float:left;
	width:170px;
	margin:2px 5px 2px 5px;
}
.product_sn{
	float:left;
	width:100%;
	color:#757575;
	font-size:11pt;
	padding:2px 10px 15px 10px;
	color:#F75C00;
}
.product_sn .symbol_category{color:#fff;background:#666;display: inline-block;font-size: 10pt; border: none; padding: 3px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  margin: 0 0 0 2px;}
.product_title_infostyle{
	float:left;
	width:100%;
	font-size:18pt;
	font-weight: 600;
	padding:2px 10px;
  color: #fff;
	/**border-bottom:2px solid #d1c0a5; **/
}
.product_title_infostyle p{
	padding-bottom:10px;
}

/*produce_info*/
.main_info_column_left{
	float:left;
	width:35%;
}
.main_info_column_left img{
  width:100%;
}
.main_info_column_left_gaydar{
  float:left;
  width:160px;
}
.product_info_column_pic{
	float:left;
	text-align:center;
	width:100%;
	border:1px solid #ccc;
}
.product_info_column_pic img{
	max-width:100%;
}
.product_info_column_pic .option{
	clear:both;
	width:100%;
	background:#D4CFC4;
	font-size:12pt;
	color:#94877E;
	line-height:20pt;
	padding:10px 15px;
}
.product_info_column_pic .option img{
	vertical-align:middle;
}
.product_info_column{
	float:right;
	width:60%;
}
.product_info_column_gaydar{
  float:right;
  width:calc(100% - 200px);
}
.product_info_column .option_column{
	float:left;
	width:100%;
	margin:10px 0 0 0;
  overflow: hidden;
}
.product_info_column .option_column_desc {
	line-height:14pt;
	font-size:11pt;
  border-bottom: dashed 1px #999;
	padding:2px 10px 5px 10px;
	margin:0 0 5px 0;
  overflow: hidden;
  color: #fff;
}
.product_info_column .option_column_desc .rating{display: inline-block;}
.product_info_column .option_column_desc img{height: 20px;}
.product_info_column .option_column_desc_price {
	line-height:18pt;
	font-size:12pt;
  border-bottom: dashed 1px #999;
	padding:2px 10px 10px 10px;
	margin:0 0 10px 0;
  overflow: hidden;
}
.title_top{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	border-top:2px solid #d1c0a5;
}
.product_price {
    float: left;
    width: 100%;
    color: #157FD5;
    font-size: 16pt;
    margin: 0 0 10px 0;
}
.product_price_vip{
    float: left;
    width: 100%;
    color: #ffdf00;
    font-size: 16pt;
    margin: 0 0 10px 0;
}
.product_price2 {
    float: left;
    width: 100%;
    color: #ccc;
    font-size: 12pt;
    margin: 0 0 10px 0;
}
.product_info_column .option_column_title {
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding: 0 0 3px 0;
    margin: 0 0 2% 0;
}
.product_info_column .type_column{
	width:100%;
	line-height:18pt;
	font-size:12pt;
	padding:2px 10px 20px 10px;
	/**border-top:2px solid #d1c0a5; **/
}
.product_info_column .type_column .title{
	width:100%;
	font-size:15pt;
	font-weight:bold;
	margin:10px 0 10px 0;

}
.product_info_column .type_column .box_type{
	clear:both;
	display:block;
	width:100%;
	padding:8px;
	background:#F5F1E7;
	font-weight:normal;
}
@media screen and (max-width:860px) {
	.main_info_column{
		margin:20px auto 60px auto;
	}
	#zoom_01{
		display:none;
	}
	#none_zoom{
		display:block;
	}
	.main_info_column_left{
		float:none;
		display:block;
		width:80%;
		margin:20px auto 10px auto;
		clear:both;
		border:none;
	}
  .main_info_column_left.main_info_column_left_gaydar{
    margin:40px auto 10px auto;
    width: 160px;
  }
	.product_info_column_pic .option{
		display:none;
	}
	.product_info_column{
		float:none;
		width:100%;
		overflow: hidden;
	}
	.zoomContainer{
		display:none;
	}
}
/*pruducts_desc_column*/
.pruducts_desc_column{
	clear:both;
	width:96%;
	margin:0 auto;
	max-width:1200px;
}
.pruducts_desc_column .tabs{	text-align: center; padding:0 0 20px 0; margin:0 0 20px 0; display: block;}
.pruducts_desc_column .title{
	text-align:center;
	font-size:14pt;
	margin:0 5px 10px 5px;
  color:#fff;
  display: inline-block;
}
.pruducts_desc_column .pruducts_desc_column_title {
  text-align:center;
  font-size:14pt;
  margin:0 5px 10px 5px;
  color:#fff;
  font-weight: bold;
}
.pruducts_desc_column .form_column .title{
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	margin:10px 10px 5px 0;
  color:#F75C00;
  display: inline-block;
}
.pruducts_desc_column .tabs li a:hover{color:#ff6633;}
.pruducts_desc_column .tabs li.ui-state-focus a{border-bottom:3px solid #999; outline: none;}
.pruducts_desc_column .tabs li.ui-state-active a{border-bottom:3px solid #fff; color:#fff; outline: none;}
.pruducts_desc_column .tabs li.ui-state-focus a:before{position: relative; top: 2px;}
.pruducts_desc_column .tabs li.ui-state-active a:before{position: relative; top: 2px;}
.pruducts_desc_column .HTML_info img{
	max-width:100%;
}
/*form_message*/
.form_message {
	width:100%;
	display:block;
	padding:0 2% 30px 2%;
	max-width:825px;
	border-bottom:1px solid #CBCBCB;
	margin:30px auto;
}
.form_message_guest{max-width: 1000px;border-top:1px solid #CBCBCB; padding:30px 0;}
.form_message .button_login{
	clear:both;
	display:inline-block;
	border-bottom:1px solid #fff;
	font-size:12pt;
	line-height: 14pt;
	margin:0 0 20px 0;
}
.form_message .title{
	clear:both;
	width:100%;
	font-size:12pt;
	margin:0 0 5px 0;
	text-align: left;
	color: #fff;
}
.form_message_textarea{
	float:left;
	width:100%;
	height:150px;
	font-size: 12pt;
  font-family: Microsoft JhengHei, simhei, Arial;
  margin: 8px 0 10px 0;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #666;
}
.rating_heart{
	letter-spacing:3px;
	color:#fff;
}
.rating_heart2{
  letter-spacing:3px;
  color:#ff9900;
}
.form_message .form_button {
	clear:both;
	text-align:center;
	display:block;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
	margin:10px 0 0 0;
  background: #ddd;
  font-size: 12pt;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  width: 100%;
  max-width: 150px;
  border: none;
  font-family: 微軟正黑體, simhei, Arial;
  -webkit-appearance: none;
  background-color:#222;
  cursor: pointer;
}
.form_message .form_button:hover{background-color:#f60;}
.discuss_main .form_button {
  clear:both;
  text-align:center;
  display:block;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin:10px 0 0 0;
  background: #ddd;
  font-size: 12pt;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  width: 100%;
  max-width: 150px;
  border: none;
  font-family: 微軟正黑體, simhei, Arial;
  -webkit-appearance: none;
  background-color:#222;
  cursor: pointer;
}
.discuss_main .form_button:hover{background-color:#f60;}
.display_inline_block{display: inline-block !important;}
/**************************************/
/*********************/
.box_message{
	clear:both;
	width:100%;
	max-width: 800px;
	border-bottom: 1px dotted #ccc;
	margin: 0 auto 20px auto;
	overflow:hidden;
}
.box_message .info{
	width:100%;
	margin:10px 0 5px 0;
}
.box_message .info .pic{
	display:inline-block;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	width:36px;
	height:36px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
}
.box_message .info .name_date_column{
	display:inline-block;
	font-size:11pt;
	margin:0 20px 0 5px;
}
.box_message .info .name_date_column .name{
	clear:both;
	color:#fff;
	display:block;
	margin:0 0 10px 0;
}
.box_message .info .name_date_column .date{
	clear:both;
	color:#999;
	display:block;
	font-size:10pt;
}
.box_message .info .rating{
	display:inline-block;
}
.box_message .info .rating img{
	height:14px;
	vertical-align:bottom;
}
.option_column_desc .rating{
	display: inline-block;
}
.option_column_desc .rating img{
	height:16px;
	vertical-align:top;
}
.box_message .text{
	clear:both;
	width:100%;
	font-size:11pt;
	line-height:16pt;
	margin:0 0 10px 0;
	color: #ccc;
}
/***********************/
.select_info_list{
	width:100%;
	font-size:12pt;
	padding:6px 0 0 0;
	margin:0 auto 10px auto; 
	color:#F75C00;
	background:#000;
	text-align: center;
	letter-spacing: -4px;
}
.select_info_list .table{display:table; width: 100%;}
.select_info_list .table .row{display:table-row;}
.select_info_list .table .row .cell{display:table-cell;}
.select_info_list .store{width: 100%; clear: both; margin-bottom: 10px;	text-align: center;	letter-spacing: 0px;}
.select_info_list .symbol_category{width:100%; color:#fff; padding: 20px 0 0 0;}
.select_info_list .symbol_category .preview{
	letter-spacing: 0px;
	margin: 0;
	padding: 5px 0;
  line-height: 14pt;
  text-align: center;
  border-bottom: 2px solid #fff;
}
.select_info_list .symbol_category .preview_none{
  border-bottom: 2px solid #666;
}
.select_info_list .symbol_category .preview_sel{
	border-bottom: 4px solid #ff6633;
}
.select_info_list .symbol_category .preview .title{
	color: #666;
	padding: 0 5px;
}
.select_info_list .symbol_category .preview_sel .title{
	position: relative;
	word-break: break-all;
	color: #fff;
}
/*服務項目*/
.service_box{
	display:inline-block;
	width:19%;
	max-width:400px;
	margin:0.35%;
	vertical-align:top;
	overflow: hidden;
	border:2px solid rgba(255,255,255,0.2);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	color: #fff;
}
.service_box:hover{border:3px solid rgba(255,255,255,0.8);}
.service_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;

	background-position:center center;
}
.service_box .pic .photo{
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:80%;
	background-position:center center;
	overflow: hidden;
}

.service_box .pic .text_column{width: 100%; background: rgba(0,0,0,0.6); padding: 5px 5px 15px 5px;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.service_box:hover .pic .text_column{bottom:0;background: rgba(0,0,0,0.9)}
.service_box .pic .text_column .title{
	font-size:14pt;
  line-height: 16pt;
  font-weight: bold;
	width:95%;
  margin:8px auto;
}
.service_box .pic .text_column .row{
	font-size:12pt;
  line-height: 14pt;
	width:95%;
  margin:4px auto;
}
.service_box .pic .text_column .desc2{
	font-size:11pt;
	line-height: 13pt;
	width:95%;
	color: #ccc;
  margin:10px auto 0 auto;
}
@media screen and (max-width:1150px) {
	.service_box .pic .text_column{bottom:-120px;}
}
@media screen and (max-width:500px) {
	.service_box .pic .text_column{bottom:-140px;}
}
.service_box .pic .text_column .desc img{height: 16px;}
.service_box .pic .text_column .reservation{
	width:95%;
  margin:25px auto 0 auto;
  text-align: center;
}

@media screen and (max-width:1600px) {
	.service_box{width:22%;margin:0 1% 2.5% 1%;max-width:500px;}
}
@media screen and (max-width:1400px) {
	.service_box .pic .text_column .title{font-size:12pt;}
}
@media screen and (max-width:1000px) {
	.service_box{width:46%;margin:0 1% 2.5% 1%;max-width:500px;}
}
/*服務項目-店家管裡*/
.service_box_store{
  display:inline-block;
  width:24%;
  max-width:400px;
  margin:6px 0.2%;
  vertical-align:top;
  overflow: hidden;
  border:2px solid rgba(255,255,255,0.2);
  transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
  color: #fff;
}
.service_box_store:hover{border:3px solid rgba(255,255,255,0.8);}
.service_box_store .pic{
  position: relative;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;

  background-position:center center;
}
.service_box_store .pic .photo{
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  padding-bottom:80%;
  background-position:center center;
  overflow: hidden;
}

.service_box_store .pic .text_column{width: 100%; background: rgba(0,0,0,0.6); padding: 5px 5px 15px 5px;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; text-align:}
.service_box_store:hover .pic .text_column{bottom:0;background: rgba(0,0,0,0.9)}
.service_box_store .pic .text_column .title{
  font-size:14pt;
  line-height: 16pt;
  font-weight: bold;
  width:95%;
  margin:8px auto;
}
.service_box_store .pic .text_column .row{
  font-size:12pt;
  line-height: 14pt;
  width:95%;
  margin:4px auto;
}
.service_box_store .pic .text_column .desc2{
  font-size:11pt;
  line-height: 13pt;
  width:95%;
  color: #ccc;
  margin:10px auto 0 auto;
}
@media screen and (max-width:1150px) {
  .service_box_store .pic .text_column{bottom:-120px;}
}
@media screen and (max-width:500px) {
  .service_box_store .pic .text_column{bottom:-140px;}
}
.service_box_store .pic .text_column .desc img{height: 16px;}
.service_box_store .pic .text_column .reservation{
  display: inline-block;
  width:40%;
  margin:25px auto 0 auto;
  text-align: center;
}
.service_box_store .pic .text_column .reservation .button_red,
.staff_box_store .pic .text_column .reservation .button_red{
    font-size: 11pt;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #cc0000;
    color: #fff;
    display: inline-block;
    width: fit-content;
    padding: 5px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

@media screen and (max-width:1600px) {
  .service_box_store{width:32%; max-width:500px;}
}
@media screen and (max-width:1400px) {
  .service_box_store .pic .text_column .title{font-size:12pt;}
}
@media screen and (max-width:1000px) {
  .service_box_store{width:48%; max-width:500px;}
}

/*服務人員項目*/
.service_staff_box{
	display:inline-block;
	width:19%;
	max-width:400px;
	margin:0.35%;
	vertical-align:top;
	overflow: hidden;
	border:2px solid rgba(255,255,255,0.2);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	color: #fff;
}
.service_staff_box:hover{border:3px solid rgba(255,255,255,0.8);}
.service_staff_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;

	background-position:center center;
}
.service_staff_box .pic .photo{
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:80%;
	background-position:center 20%;
	overflow: hidden;
}

.service_staff_box .pic .text_column{width: 100%; background: rgba(0,0,0,0.6); padding: 5px 5px 15px 5px;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.service_staff_box:hover .pic .text_column{bottom:0;background: rgba(0,0,0,0.9)}
.service_staff_box .pic .text_column .title{
	font-size:14pt;
  line-height: 16pt;
  font-weight: bold;
	width:95%;
  margin:8px auto;
}
.service_staff_box .pic .text_column .title .style{position: relative;top:-1px; color: #222; font-size: 12px; background: #ccc; padding:0 4px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin: 0 0 0 4px;}
.service_staff_box .pic .text_column .row{
	font-size:12pt;
  line-height: 14pt;
	width:95%;
  margin:4px auto;
}
.service_staff_box .pic .text_column .desc{
  font-size:11pt;
  line-height: 13pt;
  width:95%;
  color: #ccc;
  margin:10px auto 0 auto;
}
.service_staff_box .pic .text_column .desc2{
	font-size:11pt;
	line-height: 13pt;
	width:95%;
	color: #ccc;
  margin:10px auto 0 auto;
}
@media screen and (max-width:1150px) {
	.service_staff_box .pic .text_column{bottom:-120px;}
}
@media screen and (max-width:500px) {
	.service_staff_box .pic .text_column{bottom:-140px;}
}
.service_staff_box .pic .text_column .desc img{height: 14px;}
.service_staff_box .pic .text_column .reservation{
	width:95%;
  margin:25px auto 0 auto;
  text-align: center;
}

@media screen and (max-width:1600px) {
	.service_staff_box{width:22%;margin:0 1% 2.5% 1%;max-width:500px;}
}
@media screen and (max-width:1400px) {
	.service_staff_box .pic .text_column .title{font-size:12pt;}
}
@media screen and (max-width:1000px) {
	.service_staff_box{width:46%;margin:0 1% 2.5% 1%;max-width:500px;}
}
/*服務人員項目-店家管裡*/
.staff_box_store{
  display:inline-block;
  width:24%;
  max-width:400px;
  margin:6px 0.2%;
  vertical-align:top;
  overflow: hidden;
  border:2px solid rgba(255,255,255,0.2);
  transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
  color: #fff;
}
.staff_box_store:hover{border:3px solid rgba(255,255,255,0.8);}
.staff_box_store .pic{
  position: relative;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;

  background-position:center center;
}
.staff_box_store .pic .photo{
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  padding-bottom:80%;
  background-position:center 20%;
  overflow: hidden;
}

.staff_box_store .pic .text_column{width: 100%; background: rgba(0,0,0,0.6); padding: 5px 5px 15px 5px;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.staff_box_store:hover .pic .text_column{bottom:0;background: rgba(0,0,0,0.9)}
.staff_box_store .pic .text_column .title{
  font-size:14pt;
  line-height: 16pt;
  font-weight: bold;
  width:95%;
  margin:8px auto;
}
.staff_box_store .pic .text_column .title .style{position: relative;top:-1px; color: #222; font-size: 12px; background: #ccc; padding:0 4px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin: 0 0 0 4px;}
.staff_box_store .pic .text_column .row{
  font-size:12pt;
  line-height: 14pt;
  width:95%;
  margin:4px auto;
}
.staff_box_store .pic .text_column .desc{
  font-size:11pt;
  line-height: 13pt;
  width:95%;
  color: #ccc;
  margin:10px auto 0 auto;
}
.staff_box_store .pic .text_column .desc2{
  font-size:11pt;
  line-height: 13pt;
  width:95%;
  color: #ccc;
  margin:10px auto 0 auto;
}
@media screen and (max-width:1150px) {
  .staff_box_store .pic .text_column{bottom:-120px;}
}
@media screen and (max-width:500px) {
  .staff_box_store .pic .text_column{bottom:-140px;}
}
.staff_box_store .pic .text_column .desc img{height: 14px;}
.staff_box_store .pic .text_column .reservation{
  display: inline-block;
  width:40%;
  margin:25px auto 0 auto;
  text-align: center;
}

@media screen and (max-width:1600px) {
  .staff_box_store{width:32%;max-width:500px;}
}
@media screen and (max-width:1400px) {
  .staff_box_store .pic .text_column .title{font-size:12pt;}
}
@media screen and (max-width:1000px) {
  .staff_box_store{width:48%;max-width:500px;}
}
/*service_time*/
.weekday_list{padding: 30px 0;}
.weekday_list .type_box{display: inline-block; color: #fff; font-size: 10pt; width: fit-content; margin: 0 10px;}
.weekday_list .type_box .icon_1{background: #212121; width: 20px; height: 20px; display: inline-block; -webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;}
.weekday_list .type_box .icon_2{background: #333225; width: 20px; height: 20px; display: inline-block; -webkit-border-radius:100%;  -moz-border-radius:100%; border-radius:100%;}
.weekday_list .type_box .icon_3{background: #67634a; width: 20px; height: 20px; display: inline-block; -webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;}
.weekday_list .type_box .desc{display: inline-block; position: relative; top:-5px;}
/*********************/
/*member_login*/
.column_left{float: left; width: 50%;}
.column_right{float: right; width: 50%;}
.form_column{width:96%; margin:2% auto; padding:2% 4%;-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);overflow: hidden;background: rgba(0,0,0,0.2);}
.form_column_s{max-width: 500px;}
.form_column_m{max-width: 800px;}
.form_column_L{max-width: 1200px;}
.form_column_full{max-width: 100%;}
.form_column h3.form_title{color: #ccc; font-size: 14pt; border-bottom: 1px dotted #666; width: 100%; line-height: 28px; font-weight: bolder; display: block; margin: 0 0 5px 0;}
.form_column h3.form_title:before{content: "◢ ";}
.form_column .form_border{position: relative; overflow: hidden;}
/*****************************************/
/*publish*/
.publish_column{
  clear:both;
  width:98%;
  margin:0 auto;
  padding:10px 0 0 0;
  max-width: 1200px;
}
.publish_column.sing_in_mode{
  width:90%;
}
/*form*/
.form_title{
	float:left;
	color: #fff;
	width:100px;
	font-size:15px;
	line-height:48px;
}
.form_title1{
	float:left;
	color: #fff;
	width:90px;
	font-size:15px;
	line-height:48px;
}
.form_title2{
	float:left;
	color: #fff;
	width:120px;
	font-size:15px;
	line-height:48px;
}
.form_title3{
	float:left;
	color: #fff;
	width:180px;
	font-size:15px;
	line-height:48px;
}
.form_title_full{
	float:left;
	color: #fff;
	width:100%;
	font-size:15px;
  padding: 5px 0;
}
.form_title_full img.rate{height: 18px; position: relative; top:2px;}
.form_title_center{
	clear:both;
	color: #fff;
	width:94%;
	text-align:center;
	font-size:15px;
	line-height:30px;
}
.form_title_center2{
	clear:both;
	color: #fff;
	width:94%;
	margin:0;
	text-align:center;
	font-size:14px;
	line-height:20px;
}
.form_radio{
  color: #fff;
  float: left;
  font-size: 15px;
  line-height: 50px;
}
.form_dec{
	clear:both;
	color: #fff;
	overflow:hidden;
	font-size:13px;
	margin:0 0 0 80px;
	padding:0 10px 0 0;
	color:#999;
}
.form_dec_center{
	clear:both;
	color: #fff;
	width:98%;
	font-size:13px;
	margin:0 auto;
	padding:0 10px 0 0;
	color:#999;
}
.form_select_center{
	clear:both;
	color: #fff;
	width:94%;
	text-align:center;
}
.form_checkurl_btn{
	-webkit-appearance: none;
	display:inline-block;
	font-family: Microsoft JhengHei, simhei, Arial;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	font-size:15px;
	line-height:14px;
	height:39px;
	background:#F8F8F8;
	color:#666;
	padding:3px 4px 3px 4px;
	margin:5px 0 5px 0;
}
.form_checkurl_btn:hover{
	background:#DEDEDE;
}
.form_column .row{
	float:left;
	clear: both;
	width:100%;
	padding:5px 0 5px 10px;
	font-size:18px;
  color: #fff;
}
.form_column .row span.text_white{
  display: inline-block;
  padding:5px 0 0 10px;
  font-size:15px;
  color: #fff;
}
.form_column .row .info{
  float:left;
  clear: both;
  color: #fff;
  width:100%;
  padding:0 0 0 10px;
  font-size:15px;
  line-height: 18px;
}
.form_column .row_button{
	float:left;
	width:100%;
	padding:10px 0;
	text-align: center;
  color: #fff;
}
.form_column .row_button_block{
  float:left;
  width:100%;
  margin: 0 auto;
  padding:10px 0;
  margin: 20px 0;
  text-align: center;
  color: #fff;
  border-top:1px dashed #666; 
  cursor: pointer;
}
.form_column .row_button_block .block_button{
  display: inline-block;
  padding:8px 12px 5px 12px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.form_column .row_button_block .block_button:hover{
  background:#222;
}
.form_column .row_button_block .block_button .icon_block{
  position: relative;
  top:-2px;
  width: 30px;
  height: 30px;
  vertical-align:middle;
}
.form_column .row .link{
	display:block;
  clear: both;
	font-size: 15px;
	width:calc(100% - 90px);
	color:#39c;
	margin:6px 0 0 90px;
}
.form_column .row .inputtext{
	font-size:15px;
	font-family: Microsoft JhengHei, simhei, Arial;
	margin:8px 0 0 0;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-appearance: none;
	border:1px solid #666;
}
.form_column .row label{
  display: inline-block;
  color: #fff;
  margin:10px 8px 0 0;
} 
.form_column .row input.checkbox {
  width: 20px;
  height: 20px;
  vertical-align:text-bottom;
  position: relative;
  top:2px;
}
.form_column .row .inputtext_select{
  display: inline-block;
  font-size:15px;
  font-family: Microsoft JhengHei, simhei, Arial;
  margin:8px 0 0 0;
  padding:5px 40px 5px 5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-appearance: none;
  border:1px solid #666;
}
.form_column .row .inputtext_long{
	width:100%;
}
.form_column .row .inputtext_long2{
	width:60%;
}
.form_column .row .inputtext_long3{
  width:40%;
}
.form_column .row .inputcolumn{
	font-size:16px;
	font-family: Microsoft JhengHei, simhei, Arial;
	margin:10px 0 0 0;
	padding:5px;
	color: #fff;
}
.form_column .row .inputradio{font-size:16px; clear: both; width: 100%;}
.form_column .row .inputradio2{font-size:16px;}
.form_column .row .textarea{
	font-size:15px;
	width:90%;
	margin:0 auto;
	padding:5px;
  font-family: Microsoft JhengHei, simhei, Arial;
}
.form_column .row .inputcolumn:hover{
	background:#222;
}
.form_column .row img{
	margin:6px 0 0 0;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.checkbox-inline{
	float:left;
	width:100%;
}
.form_column .row .desc{font-size: 15px;color: #ccc; padding:0 0 10px 0; clear: both; line-height: 18px;}
.form_column .row .desc_blue{font-size: 15px; color: #0072bc; padding:5px 0; }
.row_column{width: 46%; float: left; margin: 0 0 0 3.8%;}
.row_column .form_title{line-height: 15px;}
@media screen and (max-width:480px) {
	.row_column{width: 48%; float: left; margin: 0 2% 0 0;}
}
.row_sub{clear: both; margin: 0 0 0 110px;}
@media screen and (max-width:360px) {
	.row_sub{clear: both; margin: 0 0 0 10px;}
}
.row_sub a{font-size: 15px; color: #0072bc;}
.row_sub a>img{width: 18px; height: 18px; position: relative; top:3px;}

.form_column .row .box{
  background-color: #000;
  padding: 5px 5px 10px 5px;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
  max-width: 350px;
  width: 100%;
  margin: 0 0 2px 0;
}
.form_column .row .box .hrline{
  width: 100%;
  border-bottom: 1px dashed #666;
}
.form_column .row .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;
}
.form_column .row .box .icon_temp{
  background-image: url('');
}
.form_column .row .box .icon_donate{
  background-image: url('icon_donate.png');
}
.form_column .row .box .icon_flower{
  background-image: url('icon_flower.png');
}
.form_column .row .box .icon_coffee{
  background-image: url('icon_coffee.png');
}
.form_column .row .box .icon_post{
  background-image: url('icon_post.png');
}
.form_column .row .box .icon_follow{
  background-image: url('icon_follow.png');
}
/*表單按鈕*/
.form_button{
	color:#fff;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	background:#cc0000;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;	
	width:100%;
	max-width:150px;
	border:none;
	-webkit-appearance:none;
  font-family: Microsoft JhengHei, simhei, Arial;
	cursor:pointer;
}
.form_button_gaydar_search{
  padding: 6px;
  max-width:80px;
}
.form_button_gaydar_search2{
  padding: 6px;
  max-width:80px;
  background-color:#666;
  margin: 0 0 6px 0;
}
.form_button_gaydar_desc{
  padding: 6px;
  max-width:80px;
  background-color:#0081cc;
  margin: 0 0 6px 0;
}
.form_button:hover{
	background-color:#ff3300;
  margin: 0 0 6px 0;
}

.form_button2{
  color:#fff;
  display:inline-block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px;
  background:#666;
  font-size:12pt;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;  
  width:100%;
  max-width:150px;
  border:none;
  -webkit-appearance:none;
  font-family: Microsoft JhengHei, simhei, Arial;
  cursor:pointer;
}
/*form_option*/
.form_option_column{
	clear:both;
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:10px auto 15px auto;
}
.form_option_column a{
	color:#ccc;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.form_option_column a:hover{
	color:#fff;
}
.form_option_column .open_column{
	color:#ccc;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	cursor: pointer;
}
.form_option_column .open_column:hover{
	color:#fff;
}
.form_column .row_social{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
}
.form_column .row_social .desc{
	width:100%;
	clear:both;
	margin:10px 0;
	font-size:11pt;
	line-height:13pt;
}
.form_column .row_social .social_login{
	display:inline-block;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	margin:0 0 5px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.form_column .row_social .social_login a{
	color:#FFF;
	display:block;
	padding:0px 20px 10px 20px;
	width:260px;
}
.form_column .row_social .social_login img{
	position:relative;
	top:6px;
	width:28px;
	height:28px;
	margin:0 3px 0 0;
}
.form_column .row_social .social_login.login_facebook{
  position: relative;
	background:#666;
}
.form_column .row_social .social_login.login_google{
  position: relative;
	background:#666;
}
.form_column .checkbox-inline-column{display: inline-block; width:100%; margin: 5px 0 0 0;}
.form_column .checkbox-inline-column label.checkbox-inline{display: inline-block; width:50%; color: #fff; font-size: 12pt; margin: 0 0 4px 0;}
.form_column .checkbox-inline-column label.checkbox-inline2{width:24%;}
@media screen and (max-width:960px) {
  .form_column .checkbox-inline-column label.checkbox-inline2{width:32%;}
}
@media screen and (max-width:640px) {
  .form_column .checkbox-inline-column label.checkbox-inline2{width:50%;}
}
/*customer*/
.service_box_customer_check,
.service_staff_box_customer_check{width: 45%;}
@media screen and (max-width:480px) {
	.service_box_customer_check,
	.service_staff_box_customer_check{width: 100%;}
}
/*terms_column*/
.terms_column{width: 100%; background:rgba(0,0,0,0.75); color: #fff; position: fixed; height:100%; overflow-y: scroll; z-index: 9999; top:0; padding:40px 0;display:none;}
.terms_column .info_column{width: 80%; max-width: 800px; background: #444; padding: 2% 4%; margin: 0 auto;}
.terms_column .close_column{position:fixed; background: #000; width: 30px; height: 30px; left: calc(50% + 380px);-webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;text-align: center;cursor: pointer;border: 3px solid #fff; font-size: 14pt; font-weight: bolder;top:25px;}
@media screen and (max-width:1000px) {
	.terms_column .close_column{left:85%;}
}
/*member_center_table*/
table.cart{
	width:100%;
  min-width: 680px;
	margin:10px auto 20px auto;
	font-size:16px;
	text-align: left;
	color: #fff;
	background-color: #222;
}
table.full_width{
  width: 100%;
  max-width: unset;
  min-width: unset;
}
table.cart img{
	vertical-align:bottom;
}
table.cart input{
	width:90%;
	max-width:100px;
	min-width:60px;
	text-align:center;
	font-size:16px;
	margin:6px 0 0 0;
}
table.cart tr:nth-child(even){background-color: #333;}
table.cart th{
	text-align: center;
	padding:6px 4px;
	border:1px solid #555;

}
table.cart td{
	padding:6px 4px;
	border:1px solid #555;

}
table.cart td img.icon_cancel{width: 22px; height: 22px; cursor: pointer;}
table.cart td img.rate{height: 18px;}
table.cart td.text_right{text-align: right;}
table.cart td.text_center{text-align: center;}
/*icon*/
table.cart .icon{
  position: relative;
  vertical-align: text-top;
  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;
}
table.cart .icon_meme{
  background-image: url('icon_meme.png');
}
table.cart .icon_donate{
  background-image: url('icon_donate.png');
}
table.cart .icon_flower{
  background-image: url('icon_flower.png');
}
table.cart .icon_coffee{
  background-image: url('icon_coffee.png');
}
/*store_option_column*/
.store_option_column{position: absolute; right: 0; top:4px;}
.store_service_pic img{width: 100%; max-width: 400px; clear: both;}
/*discuss*/
.discuss_main {
  width: 100%; padding-bottom:16%;
  clear: both;
  width: 100%;
  display: block;
  margin: 10px auto 60px auto;
  padding: 0;
  overflow: hidden;
  text-align:center;
}
@media screen and (max-width:1000px) {
  .discuss_main {
    margin: 30px auto 60px auto;;
  }
}
.discuss_main form{
  padding: 10px 0;
}
.banner_club{position: relative;}
.banner_club:hover a{background: rgba(0,0,0,0.85);}
.banner_club_main{width: 23.5%; display: inline-block; margin: 0 0.5% 1% 0.5%;}
@media screen and (max-width:1000px) {
  .banner_club_main{width: 48.5%; display: inline-block; margin: 0 0.5% 1% 0.5%;}
}
@media screen and (max-width:460px) {
  .banner_club_main{width: 48%;}
}
@media screen and (max-width:420px) {
  .banner_club_main{width: 100%; margin: 0;}
}
.banner_club_a{
  background: url(banner_club_a.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_b{
  background: url(banner_club_b.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_c{
  background: url(banner_club_c.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_d{
  background: url(banner_club_d.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_e{
  background: url(banner_club_e.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_f{
  background: url(banner_club_f.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_g{
  background: url(banner_club_g.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_h{
  background: url(banner_club_h.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_match_normal{
  background: url(banner_club_match_normal.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_match_special{
  background: url(banner_club_match_special.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_match_bear{
  background: url(banner_club_match_bear.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club_match_older{
  background: url(banner_club_match_older.jpg) center;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.banner_club a{display:block; padding: 22% 0; text-align: center; font-size: 1.6em; font-weight: bolder; font-style: italic;text-shadow: rgb(3, 3, 3) 4px 4px 4px;background: rgba(0,0,0,0.45);transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.banner_club span{display:block; padding: 8% 0; text-align: center; font-size: 1.6em; font-weight: bolder; font-style: italic;text-shadow: rgb(3, 3, 3) 4px 4px 4px;background: rgba(0,0,0,0.45);transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; color: #fff;}
/***/
.discuss_post_button{font-size: 18px;font-family: Microsoft JhengHei, simhei, Arial; margin: 0 20px 0 0;}
.discuss_post_btn{
  display: inline-block;
  background: #fff;
  font-size: 18px;
  font-family: Microsoft JhengHei, simhei, Arial;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  margin: 0 5px 5px 0;
  border: 1px solid #767676;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.discuss_post_btn:hover{
  background: #ececec;
}
.input_search_column{
  display: inline-block;
  background: #fff;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  overflow: hidden;
  vertical-align: top;
  margin: 0 5px 5px 0;
  height: 30px;
  border: 1px solid #767676;
}
.discuss_search{
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-family: Microsoft JhengHei, simhei, Arial;
  border: none;
  margin: 0 0 0 5px;
  vertical-align: top;
}
.discuss_search:focus{
  outline: none;
}
.discuss_search_btn{
  position: relative;
  display: inline-block;
  width: 30px; height: 30px;
  padding: 0;
  margin: 0;
  background: url('icon_search.svg') no-repeat center #aaa;
  -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
}
.discuss_search_btn:hover{
  background-color: #D60000;
}
@media screen and (max-width:480px) {
  .discuss_post_button{
    margin: 0 auto 10px auto;
    margin: 0 calc(50% - 100px) 16px calc(50% - 100px);
  }
}
/***/
/*模板2*/
.reply_table{width: 98%; max-width: 1200px; margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden;}
.table_minwidth{min-width: 600px;}
.reply_table tbody th{background: #F3F3F3; padding: 6px; text-align: center; border-bottom: 1px solid #ccc;}
.reply_table_c tbody th{background: #5A5647; padding: 6px; text-align: center; border-bottom: 1px solid #ccc; color: #fff;}
.reply_table tbody tr{background:#F3F3F3;}
.reply_table tbody tr:nth-child(odd){background:#fff/*#dbe3f1*/;}
.reply_table_c tbody tr:nth-child(odd){background:#E3E0DB;}
.reply_table tbody tr td:first-child{text-align: left; word-break: break-all;}
.reply_table tbody td{padding:4px 6px; text-align: center; line-height: 18px; font-size: 16px;}
.reply_table tbody td a{color: #000;}
.reply_table tbody td a:hover{color: #f60; border-bottom: 1px solid #f60;}
.icon_page{margin: 0 0 0 10px;}
.reply_table tbody td input{padding: 6px; font-size:16px;font-family: Microsoft JhengHei, simhei, Arial;}
.reply_table tbody td textarea{padding: 6px; font-size:16px;font-family: Microsoft JhengHei, simhei, Arial;}
.reply_table .icon_cancel{width: 20px; height: 20px; padding: 3px; background: #666;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
/*模板1*/
.reply_table_a tbody th{padding: 6px; text-align: center; border-bottom: 2px solid #fff;}
.reply_table_a tbody th:nth-child(1){background: #00FF00;}
.reply_table_a tbody th:nth-child(2){background: #F0FF00;}
.reply_table_a tbody th:nth-child(3){background: #FFA0F0;}
.reply_table_a tbody th:nth-child(5){background: #F0FF00;}
.reply_table_a tbody th:nth-child(6){background: #FFDE00;}
.reply_table_a tbody tr{border-bottom: 3px solid #fff;}
.reply_table_a tbody tr td:nth-child(1){background: #00FF00;}
.reply_table_a tbody tr td:nth-child(2){background: #F0FF00;}
.reply_table_a tbody tr td:nth-child(3){background: #FFA0F0;}
.reply_table_a tbody tr td:nth-child(5){background: #F0FF00;}
.reply_table_a tbody tr td:nth-child(6){background: #FFDE00;}
/*模板normal*/
.main_container_normal{background-image: url(bg_match_normal.png);}
/*模板special*/
.main_container_special{background-image: url(bg_match_special.png);}
.reply_table_special{width: 98%; max-width: 1200px; margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden;}
.reply_table_special tbody th{background: #ff2476; color: #ffd4ea;}
.reply_table_special tbody tr{background: #f3e6ef;}
/*模板bear*/
.main_container_bear{background-image: url(bg_match_bear.png);}
.reply_table_bear{width: 98%; max-width: 1200px; margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden;}
.reply_table_bear tbody th{background: #dacdb5; color: #633e08;}
.reply_table_bear tbody tr{background: #f5efd5;}
/*模板older*/
.main_container_older{background-image: url(bg_match_older.png);}
.reply_table_older{width: 98%; max-width: 1200px; margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden;}
.reply_table_older tbody th{background: #d7da1c; color: #11712f;}
.reply_table_older tbody tr{background: #e9ecb5;}
/*******/
.discuss_column{width: 98% !important;max-width: 1200px !important; margin: 0 auto;}
.discuss_box{width:100%; clear: both; margin: 0 auto; letter-spacing: -4px; display:table-row; }
.discuss_box:first-child{background: #222;}
.discuss_box:nth-child(even){background: #555;}
.discuss_box:hover{background:rgba(255,102,51,0.5);}
.discuss_box .discuss_th{display: inline-block; border-right:1px solid #666; letter-spacing: 1px;
color: #ccc; font-weight: bold; padding:6px 8px; text-align: center;font-size: 13pt;display:table-cell; }
.discuss_box .discuss_th:last-child{border-right:none;}
.discuss_box .discuss_th.title{width: 39%;}
.discuss_box .discuss_th.re{width: 10%;}
.discuss_box .discuss_th.counts{width: 10%;}
.discuss_box .discuss_th.post{width: 20%;}
.discuss_box .discuss_th.renew{width: 20%;}
.discuss_box .discuss_td{display: inline-block; border-right:1px solid #666; letter-spacing: 1px;
color: #fff; padding:8px; text-align: center; font-size: 11pt; line-height: 14pt;display:table-cell;vertical-align: middle;}
.discuss_box .discuss_td:last-child{border-right:none;}
.discuss_box .discuss_td.title{width: 39%; text-align: left;}
.discuss_box .discuss_td.title:hover a{border-bottom:1px dashed #eee;}
.discuss_box .discuss_td.re{width: 10%;}
.discuss_box .discuss_td.counts{width: 10%;}
.discuss_box .discuss_td.post{width: 20%;}
.discuss_box .discuss_td.renew{width: 20%;}
.discuss_box .discuss_td span.date{font-size: 9pt;}
@media screen and (max-width:800px) {
  .discuss_box .discuss_th.counts,
  .discuss_box .discuss_td.counts{display: none;}
}
@media screen and (max-width:640px) {
  .discuss_box .discuss_th.renew,
  .discuss_box .discuss_td.renew{display: none;}
}
/********************/
/********************************/
.guest_html_column {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 30px 5% 0 5%;
}
@media screen and (max-width:800px) {
  .guest_html_column{
    padding: 30px 10px 0 10px;
  }
}
.reply_column{background: #f2f2f2;}
.guest_column {
  width: calc(100% - 20px);
  max-width: 1016px;
  margin: 0 auto;
  font-size: 12pt;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.guest_box {
  clear:both;
  width: 100%;
  margin:0 auto 15px auto;
  line-height:18px;
  background: #e8e8e8;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  overflow: hidden;
}
.guest_box .HTML_info{
  line-height:2em;
}
.guest_title {
  clear:both;
  font-size: 14pt;
  line-height: 18pt;
  font-weight: bold;
  width: 100%;
  margin:0 auto;
  padding:8px;
  text-align: left;
  border-bottom:1px solid #ccc;
  color: #577d60;
  overflow: hidden;
}
.guest_title_special{color: #ff2476; background-color: #ffe9f5;}
.guest_title_bear{color: #261004; background-color: #f5efd5;}
.guest_title_older{color: #827919; background-color: #d8d8c7;}
.guest_rating{
  clear:both;
  font-size: 12pt;
  font-weight: bold;
  width: 100%;
  margin:0 auto;
  padding:8px;
  text-align: left;
  color: #666;
}
.guest_rating_titleinfo{
  clear:both;
  font-size: 12pt;
  font-weight: bold;
  display: inline-block;
  margin:0 auto;
  padding:8px;
  text-align: left;
  color: #fff;
}
.guest_rating img,
.guest_rating_titleinfo img{
  height:20px;
  vertical-align:bottom;
  background: #ff9900;
  padding:3px 10px;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
  text-align: left;
}
.guest_date{
  float: left;
  color: #666;
  font-size: 11pt;
}
.guest_option_top{
  float: right;
  color: #666;
  text-align: right;
  font-size: 11pt;
}
@media screen and (max-width:600px) {
  .guest_date,
  .guest_option_top{
    width: 100%;
  }
}
.guest_date img.ip_flag{margin: 0 3px; width: 18px; height: 13px;}
.guest_content {
  color: #ccc;
  clear:both;
  width: 100%;
  margin:0 auto;
  padding:12px;
}
.guest_content.news_info .HTML_info{color: #000; margin: 0;}
.guest_reply_quote {
   clear:both;
   width: 100%;
   margin:0 auto 20px auto;
   padding: 7px;
   border: 1px solid #666;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  color: #555;
}
.guest_bottom_search{
  display:inline-block;
  background-color:#555;
  font-size:11pt;
  color:#ffffff;
  border:none;
  padding:6px 20px;
  cursor:pointer;
  width:100px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.guest_bottom_post{
  display:inline-block;
  background-color:#66CCFF;
  font-size:11pt;
  color:#ffffff;
  border:none;
  padding:6px 20px;
  cursor:pointer;
  width:100px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.reply_quote{
  color:#555;
  font-size:14px;
}
.date1{
  color:#666;
  font-size:11pt;
}
.guest_option{width: 100%; margin: 0 auto; padding:10px;}
.guest_option .guest_button{
  font-size:16px; font-family: Microsoft JhengHei, simhei, Arial; cursor: pointer; display: inline-block;
  margin: 0 0 20px 0;
}
.guest_option .guest_button.reply_donate,
.guest_option .guest_button.reply_gift_flower,
.guest_option .guest_button.reply_gift_coffee{
  position: relative;
  padding: 4px 8px 3px 55px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #aaa;
}
.guest_option .guest_button.reply_donate:hover,
.guest_option .guest_button.reply_gift_flower:hover,
.guest_option .guest_button.reply_gift_coffee:hover{
  background: #ffdcc4;
}
.guest_option .guest_button img{
  position: absolute;
  left: 5px;
  top:-18px;
  vertical-align: text-bottom;
  width: 45px; height: 45px;
}
.guest_option .guest_button_sub{font-size:14px; font-family: Microsoft JhengHei, simhei, Arial; cursor: pointer;}
.guest_column h3{
    display: inline-block;
    font-size: 14pt;
    line-height: 14pt;
    margin: 0 20px 0 0;
    width: 100%;
    color: #fff;
}
.guest_column .row{color: #000; padding: 5px 0;}
.guest_column .row .inputtext{
  font-size:12pt;
  font-family: Microsoft JhengHei, simhei, Arial;
  margin:8px 0 0 0;
  padding:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-appearance: none;
  border:1px solid #666;
}
.reply_form_here{
  display: none;
}
.post_condition{
  display: block;
  font-size: 16px;
  padding: 4px 0;
  overflow: hidden;
  clear: both;
  margin: 0 0 8px 0;
}
.post_condition input.checkbox {
  width: 20px;
  height: 20px;
  vertical-align:text-bottom;
  position: relative;
  top:2px;
}
.post_condition input[type="number"] {
  font-size: 18px;
  text-align: right;
  margin: 0 3px;
  padding: 3px;
  vertical-align:text-bottom;
  position: relative;
  top:2px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #666;
}
.only_to_name{font-weight: bold; font-size: 20px; color: #577d60;}
/**********************************************************/
/*navgation*/

.navgation_bar a{color: #ccc;}
.navgation_bar img{width: 15px; height: 15px; position: relative; top:3px;}
/**彈出活動框 **/
.float_column_active,
.float_column_donate,
.float_column_gift_flower,
.float_column_gift_coffee{
  position:fixed;
  top:12%;
  width: 100%;
  text-align: center;
  z-index: 9999;
  transform: scale(0);
}
.float_column_open{
  z-index: 66;
  animation: effect_float_column_open 0.3s 1 alternate forwards;
  -webkit-animation: effect_float_column_open 0.3s 1 alternate forwards;
}
.float_column_close{
  z-index: 65;
  animation: effect_float_column_close 0.3s 1 alternate forwards;
  -webkit-animation: effect_float_column_close 0.3s 1 alternate forwards;
  transform: scale(1);
}
.float_column_none{
  display: none;
}
.float_column_active .active_window,
.float_column_donate .active_window,
.float_column_gift_flower .active_window,
.float_column_gift_coffee .active_window{
  text-align: left;
  line-height: 20pt;
  position: relative;
  display: inline-block;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
  -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);
  background: #fff;
  padding:2%;
  width: 96%;
  max-width: 800px;
  max-height: 700px;
  overflow: auto;
}
.active_window img.info_pic {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.active_window .button_close_x,
.active_window .button_close_x_donate{
  position: absolute;
  font-size: 16pt;
  cursor: pointer;
  width: 40px;
  height: 40px;
  right:1%;
  top:3%;
  overflow: visible;
  z-index: 999;
}
@-webkit-keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
@keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
@-webkit-keyframes effect_float_column_close {
  0%{transform: scale(1);}
  100%{transform: scale(0);}
}
@keyframes effect_float_column_close {
  0%{transform: scale(1);}
  100%{transform: scale(0);}
}
/*discuss icon********/
.icon_discuss{display: inline-block; width: 16px; height: 16px;-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; vertical-align: text-bottom;}
.icon_lock{background-image: url(icon_discuss_lock.png); vertical-align: middle;}
.icon_bell{background-image: url(icon_discuss_bell.png); vertical-align: middle;}
.icon_hot{
  background:#c40d0d;
  text-align: center;
  padding: 0 5px;
  width: inherit; height: 20px; vertical-align: middle;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.icon_hot::before{
  content: "HOT";
  color: #fff;
  font-weight: bolder;
  font-size: 10pt;
  animation: hot 0.3s infinite;
  -webkit-animation: hot 0.3s infinite;
  animation-direction: alternate;
}
@-webkit-keyframes hot {
  from {color:#c40d0d;}
  to {color:#fff700;}
}
@keyframes hot {
  from {color:#c40d0d;}
  to {color:#fff700;}
}
.icon_top{
  background:#9bffff;
  text-align: center;
  padding: 0 3px;
  width: 55px;
  height: 20px; vertical-align: middle;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.icon_top::before{
  content: "▲置頂";
  font-weight: bolder;
  color: #0e6579;
  font-size: 11pt;
  vertical-align: middle;
}
.icon_pay{
  background:#ffe429;
  text-align: center;
  padding: 0 5px;
  width: inherit; height: 20px; vertical-align: middle;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  font-size: 11pt;
  color: #0e6579;
}
/*.icon_pay::before{
  content: "付費閱讀 ";
  font-weight: bolder;
  color: #0e6579;
  font-size: 11pt;
}
@media screen and (max-width:960px) {
  .icon_pay::before{
    content: "付費";
  }
}
.icon_pay::after{
  content: "點";
  font-weight: bolder;
  color: #0e6579;
  font-size: 11pt;
}*/
/*social_account_list*/
.social_account_list{
	clear:both;
	width:100%;
	border-top:1px dashed #CCCCCC;
	padding:10px 0;
}
.social_account_list .box{
	display:inline-block;
	width:28%;
	margin:5px 1.5%;
}
@media screen and (max-width:650px) {
	.social_account_list .box{
		width:46%;
	}
}
.social_account_list .box .icon,
.social_account_list .box .icon img{
	float:left;
	width:40px;
	height:40px;
}
.social_account_list .box .info{
	float:left;
	line-height:36px;
	font-size:16px;
	margin:0 0 0 6px;
}
.social_font_green{
	color:#9C0;
}
.social_font_gray{
	color:#999;
}
.social_fb{
	background-color:#365899;
	width:200px;
	padding:5px;
	margin-bottom:5px;
}
.social_fb a {
	color:#ffffff;
}

.social_gp{
	background-color:#d73d32;
	width:200px;
	padding:5px;
}
.social_gp a {
	color:#ffffff;
}
.text-warning{
    margin-top:2px;
    color:#ffffff;
	font-size: 15px;
}
.text-warning2{
    margin-top:2px;
    color:#f6692b;
	font-size: 15px;
}
.zipcode{
	display:none;
}
.county{
	margin-right:2px;
}
/*gaydar*/
.gaydar_map_column_full{width:100%; max-width: 100%;}
.category_column_main{padding: 2% 6%;}
.gaydar_navigation{width: 100%; padding: 0 1%; text-align: center; color:#eee;}
option.gaydar_select_group{font-size: 13pt; font-weight: bold;}
/*gaydar box*/
.gaydar_box{
  display:inline-block;
  width:46%;
  margin:0 1.5% 1% 1.5% ;
  vertical-align:top;
  overflow: hidden;
  transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
  text-align: left;
  background: #ccc;
  color: #000;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.gaydar_box:hover{background:#fff;}
.gaydar_box .pic{
  float: left;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:160px;
  background-position:center center;
  padding:10px 5px;
}
.gaydar_box .pic .photo{
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  left:0;
  top:0;
  padding-bottom:100%;
  background-position:center center;
  overflow: hidden;
  transform: rotate(0deg);
  transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.gaydar_box .text_column{float:left; width:calc(100% - 170px);padding: 5px 0;}
.gaydar_box .text_column .title{
  display: inline-block;
  width:calc(100%);
  font-size:15pt;
  line-height: 17pt;
  margin: 8px auto;
  font-weight: bold;
}
.gaydar_box .text_column .title a{color: #000;}
.gaydar_box .text_column .title a:hover{color: #ff6633;}
.gaydar_box .text_column .category a{font-size: 11pt; color:#fff; margin: 3px 0; background: #535a61; padding:4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: inline-block;}
.gaydar_box .text_column .category a:hover{background: #ff6633;}
.gaydar_box .text_column .address{
  font-size:11pt;
  line-height: 13pt;
  width:calc(100% - 20px);
  margin:5px auto 0 20px;
  text-indent:-20px;
  border-bottom: 1px dashed #999;
}
.gaydar_box .text_column .address::before{
    background-image: url("icon_address_2.svg");
    background-size: 18px;
    display: inline-block;
    width: 18px; 
    height: 18px;
    content:"";
    margin: 0 3px 0 0;
    position: relative;
    top: 3px;
}
.gaydar_box .text_column .desc2{
  font-size:12pt;
  line-height: 14pt;
  width:100%;
  margin:10px auto 0 auto;
  padding: 10px 0 0 0;

}
.gaydar_box .text_column .desc2::after{content: "...";}
@media screen and (max-width:1200px) {
  .gaydar_box .pic{width:80px;}
  .gaydar_box .text_column{width:calc(100% - 90px);}
}
@media screen and (max-width:800px) {
  .gaydar_box{width:96%;}
}
.product_info_column .option_column_desc a.gaydar_info_category{font-size: 11pt; color:#fff; margin: 3px 0; background: #535a61; padding:4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: inline-block;}
.product_info_column .option_column_desc a.gaydar_info_category:hover{background: #ff6633;}
.gaydar_info_desc dd img{float: left; width: 50px; height: 50px !important; margin: 0 6px 0 0;}
.gaydar_info_desc dd span{float: left;}
.gaydar_info_desc .desc_title{float: left;}
.gaydar_info_desc small,
.gaydar_info_desc small a{
  font-size: 8pt; color: #999;
}
.gaydar_search_desc{color: #fff; font-size: 12pt; padding: 8px; overflow: hidden;}
.gaydar_search_desc input{margin:6px;}
.gaydar_map_api_column{width: 98%; margin: 0 auto;}
.form_column input[type=button]{}

/*sort*/
.sort{width: 100%; clear: both; text-align: right; padding: 5px 1% 5px 0; font-size: 11pt;}
/*cat_sel*/
.cat_sel{padding: 5px 0px 5px 0; font-size: 11pt; display: none;}
select.product_Qty {font-size: 14pt; line-height: 32px;}
.bonus{color: #ccc;}
@media screen and (max-width:1100px) {
  .cat_sel{display:inline-block;}
}
/*products_list_brand_sub*/
.products_list{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  text-align:left;
}
.products_list .products_box{
  display:inline-block;
  width:23.5%;
  max-width:23.5%;
  text-align:center;
  margin:0 0.5% 4% 0.5%;
  vertical-align:top;
}
.products_list .products_box .pic{
  width:100%;
  max-width:330px;
  padding-bottom:100%;
  margin:0 0 6px 0;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
  background-repeat:no-repeat;
  background-position:center center;
  border: 2px solid #eee;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.products_list .products_box .title{
  width: 100%;
  font-size: 12pt;
  line-height: 13pt;
  /* word-break: break-all; */
  margin: 0 0 6px 0;
}
.products_list .products_box .desc{
  width:100%;
  font-size:10.5pt;
  line-height:12pt;
  margin:0 0 6px 0;
  color: #ddd;
}
.products_list .products_box .price{
  width:100%;
  font-size:14pt;
  margin:0 0 6px 0;
  color: #ffdf00;
}
.products_list .products_box .price .tips{
  width:100%;
  font-size:12pt;
  color: #ffdf00;
}
.products_list .products_box .price .symbol{
  width:100%;
  font-size:11pt;
  color: #ffdf00;
}
.addtocart{
  width:96%;
  height:35px;
  line-height:35px;
  text-align:center;
  margin:0 2%;
  color: #fff;
  font-size: 12pt;
  background: #000;
  cursor:pointer;
  transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.addtocart:hover{
  background: #ff6633;
}
@media screen and (max-width:1200px) {
  .products_list .products_box .title{
    width:100%;
    font-size:14pt;
    line-height:18pt;
  }
}
@media screen and (max-width:800px) {
  .products_list .products_box{
    width:31%;
    max-width:31%;
  }
}
@media screen and (max-width:480px) {
  .products_list .products_box{
    width:47.5%;
    max-width:47.5%;
  }
}
/*btn_link*/
.btn_link{
  float:right;
  clear:both;
  width:100%;
  overflow:hidden;
  margin:0 0 20px 0;
  text-align:right;
}
.btn_link a{
  display:inline-block;
  font-size:0.8em;
  margin:0 0 0 0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:9px 18px;
  text-align:left;
  background-color:#06F;
  color:#fff;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.btn_link a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.form_button_default{
  display:inline-block;
  background:#aaa no-repeat;
  background-position: 0px 50%;
  font-size:13pt;
  font-family: Microsoft JhengHei, simhei, Arial;
  color:#fff;
  max-width:180px;
  border:none;
  margin:0 0 5px 0;
  padding:10px 15px 10px 35px;
  cursor:pointer;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  border: 3px solid #444;
  transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.form_button_order{
  background:#fd6868 no-repeat;
  background-image:url(icon_cart_white.svg);
}
.form_button_order:hover{
  border: 3px solid #fd6868;
}
.form_button_coin{
  background:#ff9d0b no-repeat;
  background-image:url(icon_coin_white.svg);
}
.form_button_coin:hover{
  border: 3px solid #ff9d0b;
}
.form_button_fav{
  background:#46bbb6 no-repeat;
  background-image:url(icon_fav_white.svg);
}
.form_button_fav:hover{
  border: 3px solid #46bbb6;
}
.form_button_board{
  background:#aaa no-repeat;
  background-image:url(icon_board_white.svg);
}
.form_button_board:hover{
  border: 3px solid #aaa;
}

/*cart 表單捲軸設定*/
.scroll_column,
.scroll_column_x_top{
  display:block;
  overflow-x:auto;
  padding:1% 0 1% 0;
}
.scroll_column::-webkit-scrollbar,
.scroll_column_x_top::-webkit-scrollbar{
  width:5px;
  height:5px;
  background:#fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.scroll_column::-webkit-scrollbar-thumb,
.scroll_column_x_top::-webkit-scrollbar-thumb{
  background:#666;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.scroll_column_x_width{ 
  display:block;
  height:1px;
}
.form_column .row .text_des{
  font-size:18px;
  font-family:微軟正黑體,simhei,Arial;
  margin:8px 0 0 0;
  padding:5px;
  line-height:22px;
}
.history_tips{
  display: inline-block;
  font-size: 10pt;
  background: #0094cc;
  padding: 3px;
  margin: 6px 3px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  cursor: pointer;
}
.history_tips2{
  display: inline-block;
  position: relative;
  padding: 3px;
  margin: 6px 3px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.history_tips2 .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: -8px;
  right: -12px;
}
.history_tips3{
  font-size: 10pt;
  position: relative;
  display: inline-block;
  font-weight: bold;
  background: #d60000;
  padding: 3px 6px;
  margin: 6px 3px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  cursor: pointer;
  animation: tips3 0.6s infinite alternate;
  -webkit-animation: tips3 0.6s infinite alternate;
}
@-webkit-keyframes tips3 {
  from {
    background: #f7db19;
  }
  to {
    background: #ff00aa;
  }
}
@keyframes tips3 {
  from {
    background: #f7db19;
  }
  to {
    background: #ff00aa;
  }
}
.history_tips3 .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: -8px;
  right: -12px;
}
.info_line{
  font-size: 12pt;
  line-height: 18pt;
  color: #fff;
}
/*************************/
.meme_column{
  display: block;
  max-height: 400px;
  overflow-y: auto;
  width: 100%;
  margin: 5px 0;
  padding: 10px;
  background-color: #000;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
/*卷軸*/
.meme_column::-webkit-scrollbar {
  width:5px;
  background:#555;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.meme_column::-webkit-scrollbar-thumb {
  background:#E57025;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
/*選取顏色*/
.meme_column::selection {
  background: #B9C4CB;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  color: #fff;
}
.meme_column::-moz-selection {
  background: #B9C4CB;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  color: #fff;
}
.meme_column .more_history{
  width: 90%;
  font-size: 16px;
  max-width:200px;
  clear: both;
  margin: 0 auto 8px auto; 
  text-align: center;
  color: #fff;
  padding: 8px;
  line-height: 20px;
  background-color: #E57025;
  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
  cursor: pointer;
}
.meme_column .more2{
  width: 90%;
  font-size: 14px;
  max-width:200px;
  clear: both;
  margin: 0 auto 8px auto; 
  text-align: center;
  color: #666;
  padding: 8px;
  line-height: 20px;
}
.meme_column .more3{
  width: 90%;
  font-size: 16px;
  max-width:200px;
  clear: both;
  margin: 0 auto 8px auto; 
  text-align: center;
  color: #ffcc00;
  padding: 8px;
  line-height: 20px;
}
.meme_column .box{
  position: relative;
  clear: both;
  background: #ccc;
  font-size: 16px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  width: fit-content;
  display: block;
  max-width: 75%;
  padding: 8px;
  margin: 0 5px 8px 5px;
  line-height: 20px;
}
.meme_column .box.who::before{
  position: absolute;
  left: -10px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #ccc transparent transparent;
}
.meme_column .box.me{
  float: right;
  background-color: #d3f3b0;
}
.meme_column .box.me::after{
  position: absolute;
  right: -10px;
  bottom:5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #d3f3b0;
}
.meme_column .box .date{
  clear: both;
  font-size: 12px;
  color: #666;
  margin: 3px 0 0 0;
}
/*note_link*/
#note_link{
  border-bottom: 1px dashed #ffcc00;
  margin: 0 0 0 8px;
  cursor: pointer;
  font-size: 15px;
  color: #ffcc00;
}
/*discuss_post_match*/
#mask2{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:1000; }
.img_input{display:none;}
.img_label { 
  background-color: #f1f6fe; 
  background-size: cover;
  border:1px #afc6e9 solid;
  border-radius: 5px; 
  display: inline-block; 
  padding: 50px 10px 10px 10px; 
  height:120px;
  width:130px;
  text-align: center;
  cursor: pointer;
}
/*表單過寬捲軸設定*/
.scroll_column{
  display:block;
  overflow-x:auto;
  padding:1% 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll_column::-webkit-scrollbar{
  width:5px;
  height:5px;
  background:#f2f2f2;
}
.scroll_column::-webkit-scrollbar-thumb{
  background:#666;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.foreword_text{
  padding:10px;
  margin-bottom: 10px;
  background:#fff9e3;
}