/*NEWS******************************/
.news_h1{
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:32pt;
	color:#9e7018;
	padding:5% 0 2% 0;
}
@media screen and (max-width:1200px) {
	.news_h1.news_info{
		margin:60px auto 0 auto;
	}
}
@media screen and (max-width:800px) {
	.news_h1{
		font-size:26pt;
	}
}
@media screen and (max-width:480px) {
	.news_h1{
		font-size:20pt;
	}
}
.news_h3{
	clear:both;
	width:96%;
	max-width:760px;
	margin:0 auto;
	text-align:center;
	font-size:11pt;
	line-height:18pt;
	color:#989CA4;
}
.news_list_column{
	width:100%;
	margin:4% auto 0 auto;
	padding:0;
}
.news_html_column{
	width:100%;
	max-width:1200px;
	margin:40px 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{
	clear:both;
	width:100%;
	padding:1% 0 4% 0;
	border-bottom:1px solid #E4E4E4;
	overflow:hidden;
}
.box_news:last-child{
	border-bottom:none;
}
.box_news .left{
	float:left;
	text-align:center;
	background:#CCCCCC;
	color:#fff;
	width:125px;
	height:125px;
	margin:0 0 0 20px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
}
.box_news .left .day{
	width:100%;
	clear:both;
	font-size:30pt;
	margin:20px 0 10px 0;
}
.box_news .left .month{
	width:100%;
	clear:both;
	font-size:20pt;
}
.box_news .left .mobile_date{
	display:none;
}
.box_news .right{
	float:left;
	width:70%;
	margin:10px 0 0 58px;
}
.box_news .left.news_info{
	width:100%;
	text-align:left;
	background:none;
	color:#666;
	height:inherit;
	margin:0;
}
.box_news .left .mobile_date.news_info{
	display:block;
	width:100%;
	clear:both;
	font-size:11pt;
  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 .left .source.news_info{
	display:block;
	width:100%;
	clear:both;
	font-size:11pt;
  background: url(icon_source.svg) no-repeat;
  background-position:4px 0;
  background-size: 14px 14px;
  padding-left: 22px;
  margin: 0 0 10px 0;
}
.box_news .left .source.news_info a{color:#666;}
.box_news .left .source.news_info a:hover{color:#054970;}
.box_news .right.news_info{
	float:left;
	width:100%;
	margin:0;
}
@media screen and (max-width:800px) {
	.box_news .left{
		width:100%;
		text-align:left;
		background:none;
		color:#CCCCCC;
		height:inherit;
		margin:0;
	}
	.box_news .left .day,
	.box_news .left .month{
		display:none;
	}
	.box_news .left .mobile_date{
		display:block;
		width:100%;
		clear:both;
		font-size:20pt;
	}
	.box_news .right{
		float:left;
		width:100%;
		margin:10px 0 0 0;
	}
}
.box_news .right .title{
	display:inline-block;
	font-size:22px;
	line-height:22pt;
	margin:0 20px 0 0;
  width: 100%;
  color: #054970;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.box_news .rating{
	display:inline-block;
	margin:10px 0 0 0;
}
.box_news .rating img{
	width:72.5px;
	height:12.5px;
}
.box_news .right .info{
	margin:20px 0 50px 0;
	font-size:12pt;
	line-height:18pt;
	 text-align: justify;
	 text-justify:inter-ideograph; 
}
.box_news .right .info img{
	max-width:100%;
}
.box_news .right .info .more a::before{
	content:".....";
}
.box_news .right .info .more a::after{
	content:url(icon_more.png);
	position:relative;
	top:2px;
	margin:0 0 0 3px;
}
.box_news .right .social{
	width:100%;
}
.box_news .right .social a{
	display:inline-block;
	margin:0 30px 0 0;
}
.box_news .right .social a img{
	width:18px;
	height:18px;
}

/**********************************/
.news_list_column .title_h2{
	font-size:30pt;
	font-weight:bolder;
	text-align:center;
	margin:0 0 4% 0;
}
.news_list_column .news_list_box{
	width:100%;
	max-width:1455px;
	margin: 0 auto 4% auto;
	padding:0 0 4% 0;
	border-bottom:1px solid #cccccc;
	text-align:center;
}
.news_list_column .news_list_box .pic{
	display:inline-block;
	width:38%;
	max-width:560px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom:20%;
	border:4px solid #8b8b8b;
	vertical-align:top;
	background-color:#CCC;
	margin:0 1.6%;
	background-position:center center;
}
.news_list_column .news_list_box .video{
	display:inline-block;
	width:38%;
	max-width:560px;
	border:4px solid #8b8b8b;
	background-color:#000;
	vertical-align:top;
	margin:0 1.6%;
}
.news_list_column .news_list_box .info{
	display:inline-block;
	width:55%;
	text-align:left;
	vertical-align:top;
	margin:0 1.6%;
}
@media screen and (max-width:800px) {
	.news_list_column .news_list_box .pic,
	.news_list_column .news_list_box .video{
		width:30%;
		max-width:30%;
	}
	.news_list_column .news_list_box .info{
		width:60%;
	}
}
@media screen and (max-width:640px) {
	.news_list_column .news_list_box .pic{
		width:100%;
		max-width:94%;
		padding-bottom:50%;
		margin:0 auto 2% auto;
	}
	.news_list_column .news_list_box .video{
		width:100%;
		max-width:94%;
		margin:0 auto 2% auto;
	}
	.news_list_column .news_list_box .info{
		width:94%;
		margin:0 3%;
	}
}
.news_list_column .news_list_box .info .date{
	float:left;
    font-size: 20pt;
    font-weight: bolder;
	padding:0 0 14px 0;
	color:#2ad1c4;
}
.news_list_column .news_list_box .info .share{
	position:relative;
	top:-2px;
	float:left;
    font-size: 20pt;
    font-weight: bolder;
	padding:0 0 14px 0;
	margin:0 0 0 30px;
	color:#2ad1c4;
	cursor:pointer;
}
.news_list_column .news_list_box .info .share img{
	position:relative;
	top:2px;
}
.news_list_column .news_list_box .info .title{
	clear:both;
    font-size: 20pt;
	line-height:26pt;
    font-weight: bolder;
	padding:0 0 14px 0;
}
.news_list_column .news_list_box .info .title a{
	color:#000;
}
.news_list_column .news_list_box .info .preview{
	font-size:15pt;
	line-height:26pt;
}
.news_list_column .news_list_box .info .preview .more a::before{
	content:".....";
}
.news_list_column .news_list_box .info .preview .more a::after{
	content:url(icon_more.png);
	position:relative;
	top:2px;
	margin:0 0 0 3px;
}
/*news_info_back*/
.news_info_back{
	cursor:pointer;
	width:100%;
	font-size:11pt;
	color:#666;
	line-height:15pt;
	text-align:center;
	margin:0 0 40px 0;
}
.news_info_back:hover{
	color:#054970;
}
.news_info_back::before{
	content:"｜ 返回 ｜";
}


/*faq_column*******************************************/
.faq_column{
	width:100%;
	max-width:1200px;
	padding: 0;
	margin:0 auto 5% auto;
	overflow:hidden;
}
.faq_column .left_menu{
	float:left;
	width:170px;
	text-align:right;
	font-size:12pt;
	margin:5% 0 0 0;
}
.faq_column .left_menu li{
	padding:14px 0;
}
.faq_column .left_menu li a{
	color:#98969C;
}
.faq_column .left_menu li.sel a{
	color:#000;
}
.faq_column .left_menu li a:hover{
	color:#054970;
}
.faq_column .right_column{
	float:left;
	width:75%;
	margin:0 0 0 40px;
	padding:5% 0 2% 90px;
	min-height:400px;
	border-left:1px solid #EAEAEA;
}
.faq_h1{
	clear:both;
	width:100%;
	margin:0 auto;
	font-size:32pt;
	color:#9e7018;
	padding:0 0 5% 2%;
}
@media screen and (max-width:800px) {
	.faq_h1{
		font-size:26pt;
	}
}
@media screen and (max-width:480px) {
	.faq_h1{
		font-size:20pt;
	}
}
@media screen and (max-width:1200px) {
	.faq_column{
		width:96%;
	}
	.faq_column .left_menu{
		display:none;
	}
	.faq_column .right_column{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:5% 0 2% 0;
		border-left:none;
	}
}
/*FAQ 收折*/
.faq_column ul.faq_list{
	list-style:none;
	margin:0;
	padding:0;
}
.faq_column ul.faq_list li {
	width:100%;
	border:1px solid #ddd;
	margin:0 0 2% 0;
}
.faq_column ul.faq_list li .qa_title {
	padding:3% 2%;
	width:100%;
	cursor:pointer;
}
.faq_column ul.faq_list li .qa_title .category {
	width:100%;
	font-size:11pt;
	margin:0 0 4% 0;
}
.faq_column ul.faq_list li .qa_title .title{
	width:100%;
	font-size:13pt;
	line-height:15pt;
}
.faq_column ul.faq_list li .qa_title:hover{
	color:#054970;
}
.faq_column ul.faq_list li .qa_content {
	padding:3%;
	margin:0;
	background:#f8f8f8;
}
.qa_content .HTML_info{
	font-size:13pt;
	line-height:18pt;
}
.qa_content .HTML_info img{
	max-width:100%;
}
.qa_content_close{
	cursor:pointer;
	width:100%;
	font-size:11pt;
	color:#999;
	line-height:15pt;
	text-align:center;
	margin:30px 0;
}
.qa_content_close:hover{
	color:#054970;
}
.qa_content_close::before{
	content:"｜ 收合 ｜";
}
/************************************************/
/*search*/
.search_column{
	clear:both;
	width:100%;
	max-width:800px;
	text-align:center;
	margin:10px auto 60px auto;
}
.input_search{
	margin:20px 0 20px 0;
	width:90%;
	max-width:900px;
	font-size:20px;
	font-family:微軟正黑體,simhei,Arial;
	padding:10px;
}
.search_column .button{
	display:inline-block;
	width:32%;
	color:#fff;
	background:#054970;
	text-align:center;
	padding:14px 0px;
	font-size:13pt;
	border:none;
	font-family:微軟正黑體,simhei,Arial;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	cursor:pointer;
}
/********************************************/
/*member*/
/*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_column{
	clear:both;
	width:100%;
}
.form_column_w600{
	max-width:600px;
}
.form_column .form_border{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:left;
	overflow:hidden;
}
.form_column .row{
    float: left;
    width: 100%;
    padding: 5px 0 10px 10px;
    margin: 0 0 5px 0;
    font-size: 18px;
    border-bottom: 1px dashed #CCCCCC;
}
.form_column .row_button{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
}
.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:rgba(60,90,154,1);
}
.form_column .row_social .social_login.login_google{
  position: relative;
	background:rgba(217,86,75,1);
}

.form_title{
    float: left;
    width: 100px;
    font-size: 15px;
    line-height: 50px;
}
.form_radio{
    float: left;
    font-size: 15px;
    line-height: 50px;
}
.form_input{
	display:inline-block;
	margin:0 0 0 70px;
}
.publish_column.sing_in_mode .form_title{
	width:220px;
}
.publish_column.sing_in_mode .form_input{
	margin:0 0 0 240px;
}
@media screen and (max-width:700px) {
	.publish_column.sing_in_mode .form_title{
		display:block;
		clear:both;
		width:100%;
		font-size:11pt;
		position:static;
		text-align:left;
		top:none;
	}
	.publish_column.sing_in_mode .form_title::after{
		content:"：";
	}
	.publish_column.sing_in_mode .form_input{
		display:block;
		clear:both;
		width:100%;
		margin:5px 0 0 0;
	}
}
.form_input .desc{
	display:block;
	width:100%;
	clear:both;
	font-size:10pt;
	line-height:12pt;
	margin:5px 0 0 0;
}
.form_column .row .inputtext{
	font-size: 16px;
    font-family: 微軟正黑體,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;
  width: 100%;
  max-width: 300px;
}
.form_column .row .form_select{
	margin:0 0 5px 0;
}

.form_column .row .inputradio{
	line-height:36px;
}
.form_column .row img{
	margin:6px 0 0 0;
}
/*表單按鈕*/
.form_button{
	color:#fff;
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	background:#ddd;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;	
	width:100%;
	max-width:150px;
	border:none;
	-webkit-appearance:none;
	background-color:#aaa;
  font-family: Microsoft JhengHei, simhei, Arial;
  cursor: pointer;
}
.form_button:hover{
	background-color:#054970;login_facebook
	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:#333;
	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:#054970;
}
/*brand*********************************************/
/*brand_a*/
.brand_column_a{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10% 2% 4% 2%;
	overflow:hidden;
}
.brand_column_a .left{
	float:left;
	width:50%;
	padding:0 2% 0 2%;
}
.brand_column_a .left img{
	width:100%;
}
.brand_column_a .right{
	float:right;
	width:50%;
	font-size:10pt;
	line-height:17pt;
	padding:1% 7% 0 2%;
	word-break:break-all;
	position:relative;
}
.brand_column_a .right .title{
	font-size:46pt;
	padding:0 0 60px 0;
}
.brand_column_a .right p{
	margin:15px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.brand_column_a .left{
		padding:0 2% 0 0;
	}
	.brand_column_a .right{
		padding:1% 0 0 2%;
	}
	.brand_column_a .right .title{
		font-size:36pt;
	}
	.brand_column_a .right img{
		max-width:100%;
	}
}
@media screen and (max-width:800px) {
	.brand_column_a .left{
		width:100%;
		padding:0 0 40px 0;
		text-align:center;
	}
	.brand_column_a .left img{
		width:100%;
		max-width:400px;
	}
	.brand_column_a .right{
		width:100%;
		padding:0;
	}
	.brand_column_a .right .title{
		font-size:26pt;
	}
}
.button_watch_now a{
	clear:both;
	width:auto;
	display:inline-block;
	padding:6px 16px;
	font-size:10pt;
	background:#10112E;
	color:#fff;
}
/*brand_column_b*/
.brand_column_b{
	position:relative;
	clear:both;
	width:100%;
	padding-bottom:40%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0 0 10% 0;
}
.brand_column_b .title{
	font-size:18pt;
	position:absolute;
	left:70%;
	top:60%;
	font-weight:bold;
}
@media screen and (max-width:640px) {
	.brand_column_b .title{
		font-size:14pt;
		left:60%;
		top:50%;
	}
}
/*brand_column_c*/
.brand_column_c{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:2%;
	margin:0 0 2% 0;
	border-bottom:1px solid #EEE;
	overflow:hidden;
}
.brand_column_c .left{
	float:left;
	width:50%;
	padding:0 2% 0 7%;
}
.brand_column_c .left img{
	width:100%;
}
.brand_column_c .right{
	float:right;
	width:50%;
	font-size:14pt;
	line-height:22pt;
	padding:1% 7% 0 2%;
	word-break:break-all;
}
.brand_column_c .right img{
	max-width:100%;
}
.brand_column_c .right p{
	margin:15px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.brand_column_c .left{
		padding:0 2% 0 0;
	}
	.brand_column_c .right{
		padding:0 0 0 2%;
	}
}
@media screen and (max-width:800px) {
	.brand_column_c .left{
		width:100%;
		padding:0 0 40px 0;
		text-align:center;
	}
	.brand_column_c .left img{
		width:100%;
		max-width:400px;
	}
	.brand_column_c .right{
		padding:0;
		width:100%;
	}
}
.brand_c_h5{
	width:100%;
	font-size:13pt;
	font-weight:bold;
	margin:0 0 5% 0;
}
.brand_c_h2{
	width:100%;
	font-size:32pt;
	margin:0 0 5% 0;
}
/***************************/
/*brand_sub_bar*/
.brand_sub_bar{
	position:relative;
	clear:both;
	width:100%;
	padding-bottom:30%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor:pointer;
}
/*products_list_brand_sub*/
.products_list_brand_sub{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
.products_list_brand_sub .products_box{
	display:inline-block;
	width:32%;
	max-width:32%;
	text-align:center;
	margin:0 0.2% 4% 0.2%;
	vertical-align:top;
}
.products_list_brand_sub .products_box .title{
	width:96%;
	font-size:12pt;
	line-height:12pt;
	word-break:break-all;
	margin:0 auto 10px auto;
	min-height:24pt;
}
.products_list_brand_sub .products_box .price{
	width:100%;
	font-size:11pt;
	margin:0 0 10px 0;
}
.products_list_brand_sub .products_box .price .symbol{
	width:100%;
	font-size:11pt;
}
.products_list_brand_sub .addtocart{
  display: block;
  width: 100%;
  height: auto;
	max-width:180px;
  padding:1% 0;
  background: #ddd;
  border: none;
	text-align:center;
  font-size: 11pt;
	margin:0 auto;
	cursor:pointer;
}
.products_list_brand_sub .addtocart:hover{background: #054970; color: #fff;}
@media screen and (max-width:1200px) {
	.products_list_brand_sub .products_box .title{
		width:100%;
		font-size:14pt;
		line-height:18pt;
	}
}
@media screen and (max-width:800px) {
	.products_list_brand_sub .products_box{
		width:31%;
		max-width:31%;
	}
}
@media screen and (max-width:480px) {
	.products_list_brand_sub .products_box{
		width:47.5%;
		max-width:47.5%;
	}
}
/*products_list_brand_sub2*/
.products_list_brand_sub2{
	width:100%;
	margin:0 auto;
	padding:5%;
	text-align:left;
}
.products_list_brand_sub2 .products_box{
	display:inline-block;
	width:18.5%;
	max-width:18.5%;
	text-align:center;
	margin:0 0.5% 4% 0.5%;
	vertical-align:top;
}
.products_list_brand_sub2 .products_box .title{
	width:100%;
	font-size:12pt;
	line-height:16pt;
	/*word-break:break-all;*/
	margin:0 0 12px 0;
	min-height:50px;
}
.products_list_brand_sub2 .products_box .price{
	width:100%;
	font-size:12pt;
	margin:0 0 18px 0;
}
.products_list_brand_sub2 .products_box .price .symbol{
	width:100%;
	font-size:12pt;
}
.products_list_brand_sub2 .products_box .price_ori{
	color:#666;
	font-size:10pt;
	margin:0 0 12px 0;
}
.products_list_brand_sub2 .products_box .price_ori .symbol{
	font-size:10pt;
}
.products_list_brand_sub2 .products_box .price_off{
	color:#F36;
}

.products_list_brand_sub2 .addtocart{
	width:140px;
	height:50px;
	line-height:47px;
	text-align:center;
	font-size:11pt;
	border:2px solid #000;
	margin:0 auto;
	cursor:pointer;
}
@media screen and (max-width:1200px) {
	.products_list_brand_sub2 .products_box{
		width:23.5%;
		max-width:23.5%;
	}
}
@media screen and (max-width:800px) {
	.products_list_brand_sub2 .products_box{
		width:31%;
		max-width:31%;
		margin:0 0.5% 50px 0.5%;
	}
	.products_list_brand_sub2 .products_box .pic{
		margin:0 2.85% 15px 2.85%;
	}
}
@media screen and (max-width:640px) {
	.products_list_brand_sub2 .addtocart{
		width:80%;
		margin:0 auto;
		font-size:11pt;
		line-height:14pt;
		height:inherit;
	}
}
@media screen and (max-width:480px) {
	.products_list_brand_sub2 .products_box{
		width:47.5%;
		max-width:47.5%;
	}
}
/*********************************************/
/*products_list_gift*/
.products_list_gift{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:5%;
	text-align:left;
}
.products_list_gift .products_box{
	display:inline-block;
	width:32%;
	max-width:32%;
	text-align:center;
	margin:0 0.5% 4% 0.5%;
	vertical-align:top;
}
.products_list_gift .products_box .title{
	width:100%;
	font-size:14pt;
	line-height:19pt;
	font-weight:bold;
	word-break:break-all;
	margin:0 0 15px 0;
	min-height:50px;
}
.products_list_gift .products_box .desc{
	width:90%;
	margin:0 auto 15px auto;
	font-size:10pt;
	line-height:13pt;
	word-break:break-all;
	min-height:50px;
}
.products_list_gift .products_box .price{
	width:100%;
	font-size:22pt;
	margin:0 0 30px 0;
}
.products_list_gift .products_box .price .symbol{
	width:100%;
	font-size:22pt;
}
.products_list_gift .addtocart{
	width:140px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:11pt;
	border:2px solid #000;
	margin:0 auto;
	cursor:pointer;
}
@media screen and (max-width:1200px) {
	.products_list_gift .products_box{
		width:23.5%;
		max-width:23.5%;
	}
}
@media screen and (max-width:800px) {
	.products_list_gift .products_box{
		width:31%;
		max-width:31%;
		margin:0 0.5% 50px 0.5%;
	}
	.products_list_gift .products_box .pic{
		margin:0 2.85% 15px 2.85%;
	}
}
@media screen and (max-width:640px) {
	.products_list_gift .addtocart{
		width:80%;
		margin:0 auto;
		font-size:11pt;
		line-height:14pt;
		height:inherit;
	}
}
@media screen and (max-width:480px) {
	.products_list_gift .products_box{
		width:47.5%;
		max-width:47.5%;
	}
}
/***************************************************/
/*gift_select*/
.banner_product_gift_select{
	position:relative;
	width:100%;
	height:384px;
	line-height: 0;
	-moz-background-size: auto 100% ;
	-webkit-background-size: auto 100% ;
	-o-background-size: auto 100% ;
	background-size: auto 100% ;
	background-repeat:no-repeat;
	background-position:center center;
}
.banner_product_gift_select .info_column{
	position:absolute;
	top:80px;
	width:100%;
	text-align:center;
}
.banner_product_gift_select_h1{
	font-size:20pt;
	line-height:32px;
	width:96%;
	min-height:60px;
	max-width:480px;
	display:block;
	margin:0 auto;
}
.banner_product_gift_select .info_column img{
	max-width:250px;
}
@media screen and (max-width:1200px) {
	.banner_product_gift_select{
		margin:40px 0 0 0;
	}
	.banner_product_gift_select_h1{
		font-size:16pt;
	}
}
/*gift_select list*/
.list_column{
	clear:both;
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.swiper-container {
	width: 100%;

	margin: 0 auto;
	padding: 0 2%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	width:150px;
	margin:0 20px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;

	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width:1200px) {
	.swiper-slide {
		margin:0 10px;
		width:120px;
	}
}
@media screen and (max-width:800px) {
	.swiper-slide {
		margin:0 5px;
		width:120px;
	}
	.swiper-container {
		height: 250px;
	}
}
@media screen and (max-width:480px) {
	.swiper-slide {
		margin:0 0px;
		width:100px;
	}
}
.product_gift_select_box{
	width:100%;
}
.product_gift_select_box .pic{
	width:100%;
	padding-bottom:100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	border:1px solid #ccc;
}
.product_gift_select_box .title{
	width:100%;
	font-size:12pt;
	text-align:center;
	margin:8px 0 0 0;
}
.icon_trashcan img{
	position:relative;
	top:4px;
}
/****************/
/*cart_status_column******************/
.cart_status_column{
	clear:both;
	width:96%;
	margin:0 auto;
	border-top:1px solid #ddd;
	border-bottom:1px solid #eee;
	overflow:hidden;
	padding:2% 0;
}
.cart_status_column .price_list{
	float:left;
	font-size:18pt;
	font-weight:bold;
}
.cart_status_column .price_list .num{
	padding:0 6px;
	color:#971529;
}
.cart_status_column .button_checkout a{
	float:right;
	padding:0 6px;
	font-size:22px;
	font-weight:bold;
	background:#593F2E;
	color:#fff;
	padding:5px 24px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;#054970
}
@media screen and (max-width:800px) {
.cart_status_column .price_list{
	float:left;
	width:100%;
	font-size:14pt;
	line-height:20pt;
	margin:0 0 20px 0;
}
.cart_status_column .button_checkout{
	width:100%;
	text-align:center;
}
.cart_status_column .button_checkout a{
	float:none;
	width:100%;
	max-width:200px;
	line-height:40px;
	font-size:18px;
}
}
/**********************************/
/*商品頁面資訊*/
.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:9pt;
	padding:2px 10px 15px 10px;
}
.product_title_infostyle{
	float:left;
	width:100%;
	color:#333;
	font-size:18pt;
	padding:2px 10px;
	/**border-bottom:2px solid #d1c0a5; **/
}
.product_title_infostyle p{
	padding-bottom:10px;
}

/*produce_info*/
.main_info_column_left{
	float:left;
	width:45%;
}
.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:52%;
}
.product_info_column .option_column{
	float:left;
	width:100%;
	margin:10px 0 0 0;
  overflow: hidden;
}
.product_info_column .option_column_desc {
	line-height:18pt;
	font-size:12pt;
  border-bottom: dashed 1px #999;
	padding:2px 10px 10px 10px;
	margin:0 0 10px 0;
  overflow: hidden;
}
.product_info_column .option_column_desc2 {
	line-height:18pt;
	font-size:12pt;
  border-bottom: dashed 1px #999;
	padding:2px 10px 10px 10px;
	margin:0 0 10px 0;
  overflow: hidden;
  color: #bb892c;
}
.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: #054970;
    font-size: 16pt;
    margin: 0 0 10px 0;
}
.product_price2 {
    float: left;
    width: 100%;
    color: #666;
    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;
}
/*前中後味*/
.divTable {
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/**/
.product_info_column .type_column .box_type .title{
	font-size:12pt;
	width:60px;
	padding:22px 0 0 10px;
	vertical-align:top;
}
.product_info_column .type_column .box_type .pic_box{
	display:inline-block;
	text-align:center;
	margin:0 12px 0 0;
}
.product_info_column .type_column .box_type .pic_box:last-child{
	margin:0;
}
.product_info_column .type_column .box_type .pic_box .pic img{
	width:50px;
	height:50px;
	position:relative;
	top:5px;
	border: 2px solid #fff;
}
.product_info_column .type_column .box_type .pic_box .pic_name{
	font-size:15px;
}

.product_info_column .type_column .box_color{
	width:80px;
	padding-bottom:60px;
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
}
@media screen and (max-width:640px) {
	.product_info_column .type_column .box_color{
		width:18%;
		padding-bottom:50px;
		margin:0 0.25%;
	}
}
.product_info_column .count_column{
	width:100%;
	overflow:hidden;
	line-height:18pt;
	font-size:12pt;
	border-bottom:2px solid #d1c0a5; 
	border-top:2px solid #d1c0a5; 
}
.product_info_column .count_column .count{
	float:left;
	width:30%;
	line-height:42px;
}
.product_info_column .count_column .count .num{
	display:inline-block;
	margin:0 8px;
}
.product_info_column .count_column .count .unit{
	display:inline-block;
}
.product_info_column .count_column .price{
	float:left;
	line-height:42px;
}
@media screen and (max-width:1000px) {
	.product_info_column .count_column .option{
		width:100%;
		clear:both;
		border-top:1px dotted #d1c0a5;
	}
	.product_info_column .count_column{
		text-align:right;
	}
	.product_info_column .count_column .count,
	.product_info_column .count_column .price{
		float:none;
		display:inline-block;
		margin:0 0 0 20px;
	}
}
@media screen and (max-width:800px) {
	.product_info_column .count_column .option{
		width:auto;
		clear:none;
		border-top:0px dotted #d1c0a5;
	}
	.product_info_column .count_column{
		text-align:left;
	}
	.product_info_column .count_column .count,
	.product_info_column .count_column .price{
		float:left;
		display:inline-block;
		margin:0;
	}
}
@media screen and (max-width:480px) {
	.product_info_column .count_column .option{
		width:100%;
		clear:both;
		border-top:1px dotted #d1c0a5;
	}
	.product_info_column .count_column{
		text-align:right;
	}
	.product_info_column .count_column .count,
	.product_info_column .count_column .price{
		float:none;
		display:inline-block;
		margin:0 0 0 20px;
	}
}
.product_info_column .count_column .option .title{
	float:right;
	display:inline-block;
	line-height:42px;
}
/*數量選擇****/
.button_select{
	float:right;
}
.styled-select.slate {
	background:url(icon_select_arrow.png) no-repeat right center;
	height: 42px;
	width: 200px;
	padding:0 0 0 20px;
	overflow: hidden;
}
.styled-select.slate select {
	background: transparent;
	border: none;
	font-size:18pt;
	height: 42px;
	width: 180px;
	padding:0 0 0 40px;
	border-left:1px solid #d1c0a5;
}
.slate {
	background-color: #ddd;
}
.slate select {
    color: #000;
}
.styled-select select { 
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none; /*FF*/
	appearance: none;/*CSS3*/
}
.styled-select select::-ms-expand {
	display: none; /*IE*/
}
/*****/
#none_zoom{
	display:none;
}
@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:100%;
		margin:0 auto 20px auto;
		clear:both;
		border:none;
	}
	.product_info_column_pic .option{
		display:none;
	}
	.product_info_column{
		float:left;
		width:100%;
	}
	.zoomContainer{
		display:none;
	}
}
/*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=100);
	opacity: 1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.form_button_order{
	display:inline-block;
	background:#aaa no-repeat;
	background-image:url(icon_cart_white.svg);
	background-position: 0px 50%;
	font-size:14pt;
	font-family:微軟正黑體,simhei,Arial;
	color:#fff;
	width:47%;
	max-width:200px;
	border:none;
	margin:0 0.5% 5px 0;
	padding:10px 5px;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.form_button_order:hover{
	background:#054970 no-repeat;
	background-image:url(icon_cart_white.svg);
	background-position: 0px 50%;
}
.form_button_fav{
	display:inline-block;
	background:#aaa no-repeat;
	background-image:url(icon_fav_white.svg);
	background-position: 0px 50%;
	font-size:14pt;
	font-family:微軟正黑體,simhei,Arial;
	color:#fff;
	width:47%;
	max-width:200px;
	border:none;
	margin:0 0.5% 5px 0;
	padding:10px 5px;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.form_button_fav:hover{
	background:#054970 no-repeat;
	background-image:url(icon_fav_white.svg);
	background-position: 0px 50%;
}
@media screen and (max-width:640px) {
	.form_button_order,
	.form_button_fav,
	.form_button_order:hover,
	.form_button_fav:hover{
		background-image:url('');
	}
}
/***********************************************/
/*vote_column*/
.vote_column{
	float:left;
	width:70%;
	margin:20px 0 0 0;
}
.vote_column .box_vote{
	display:inline-block;
	width:40px;
	text-align:center;
	margin:0 0 30px 0;
}
.vote_column .box_vote input{
	width:100%;
	margin:0 auto 0 3px;
}
.vote_column .box_vote .pic{
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
	width:32px;
	height:32px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	cursor:pointer;
}
.vote_column .box_vote .title{
	text-align:center;
	font-size:9pt;
	padding:5px 0;
	border-bottom:1px solid #edcefc;
	cursor:pointer;
}
.vote_column .box_vote .bar{
	margin:0 auto;
	width:20px;
	min-height:1px;
	background:#999;
}
.vote_column .box_vote .bar_001{background:#F97770;}
.vote_column .box_vote .bar_002{background:#E675B8;}
.vote_column .box_vote .bar_003{background:#8390E6;}
.vote_column .box_vote .bar_004{background:#82D4EE;}
.vote_column .box_vote .bar_005{background:#9FE588;}
.vote_column .box_vote .bar_006{background:#F6958A;}
.vote_column .box_vote .bar_007{background:#F4BE72;}
.vote_column .box_vote .bar_008{background:#F8F58C;}
.vote_column .box_vote .bar_009{background:#4E79A0;}
/*vote_form*/
.vote_form{
	float:right;
	width:29%;
	text-align:center;
	margin:40px 0 0 0;
}
.vote_form .status{
	font-size:9pt;
	margin:0 0 20px 0;
}
.vote_form .button_vote{
	text-align:center;
	padding:8px 12px;
	background:#D6ECEB;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	font-size:11pt;
	cursor:pointer;
}
/************************************************/
/*product_info_gift_list*/
.product_info_gift_list{
	width:100%;
	background:#D6ECEB;
	padding:5% 0 3% 0;
}
.product_info_gift_list .column{
	margin:0 auto;
	width:100%;
	max-width:1300px;
	text-align:center;
}
.product_info_gift_list .column .icon{
	display:inline-block;
}
.product_info_gift_list .column .icon img{
	max-width:100%;
}
.product_info_gift_list .column .title_h2{
	color:#4C5052;
	font-size:26pt;
	font-weight:bold;
	line-height:30pt;
}
.product_info_gift_list .column .gift_list_column{
	padding:3% 0;
}
/*box_gift*/
.box_gift{
	display:inline-block;
	width:400px;
	height:220px;
	margin:0 1% 30px 1%;
	border:3px solid #000;
	background:#FFF;
}
.box_gift .in_border{
	position:relative;
	width:388px;
	height:208px;
	margin:3px;
	border:1px solid #000;
}
@media screen and (max-width:420px) {
	.box_gift{
		width:96%;
	}
	.box_gift .in_border{
		width:98%;
		margin:1% auto;
	}
}
.box_gift .in_border .info_column{
	position:absolute;
	top:10px;
	width:100%;
	text-align:center;
}
.box_gift .in_border .info_column .title{
	font-size:15pt;
	line-height:20pt;
	width:96%;
	min-height:50px;
	display:block;
	margin:0 auto;
}
.box_gift .in_border .info_column img{
	max-height:140px;
}
/************************************************/
.column_message_h2{
	clear:both;
	width:100%;
	font-size:26pt;
	font-weight:bold;
	padding:5%;
	text-align:center;
}
@media screen and (max-width:640px) {
	.column_message_h2{
		font-size:20pt;
	}
}
/*service_tab*/
.column_news{
	margin:0 0 80px 0;
}
.column_news ul.tabs {
	width:96%;
	max-width:825px;
	border-bottom:1px solid #CBCBCB;
	margin:0 auto 15px auto;
}
.column_news ul.tabs li {
	display:inline-block;
	line-height: 32px;
	padding:0 10px 0 10px;
	position:relative;
	top:1px;
}
.column_news ul.tabs li a {
	display: block;
	padding: 0 2px;
	color: #777;
	text-decoration: none;
	font-size:12pt;
}
.column_news ul.tabs li a:hover{
	color:#222;
}
.column_news ul.tabs li.active{
	border-bottom:1px solid #000;
}
.column_news ul.tabs li.active a{
	color:#000;
	font-weight:bold;
}
div.tab_container {
	clear:both;
	width:96%;
	max-width:825px;
	text-align:left;
	padding:0;
	margin:0 auto;
}
div.tab_container .tab_info {
	width:100%;
	padding:0;
	overflow:hidden;
}
.box_message{
	clear:both;
	width:100%;
	overflow:hidden;
}
.box_message .info{
	width:100%;
	margin:0 0 25px 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:#3082B5;
	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{
	width:80px;
	height:14px;
	vertical-align:bottom;
}
.box_message .text{
	clear:both;
	width:100%;
	font-size:11pt;
	line-height:16pt;
	margin:0 0 35px 0;
}
/*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 .button_login{
	clear:both;
	display:inline-block;
	border-bottom:1px solid #000;
	font-size:12pt;
	margin:0 0 20px 0;
}
.form_message .title{
	clear:both;
	width:100%;
	font-size:12pt;
	margin:0 0 5px 0;
}
.form_message_textarea{
	float:left;
	width:100%;
	max-width:600px;
	height:150px;
	font-size: 16px;
    font-family: 微軟正黑體,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:#EB6877;
}
.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: rgba(72, 187, 178, 0.6);
}
/**************************************/
/*cart*/
table.cart{
	width:98%;
	margin:10px auto 20px auto;
	font-size:16px;
}
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 th{
	padding:2px;
	border:1px solid #CCC;
	background:#E8E8E8;
	text-align:center;
}
table.cart td{
	padding:2px;
	border:1px solid #CCC;
	background:#FFF;
	text-align:center;
}
/*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;
}
.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;
}
/*box_type_pic_select*/
label.box_type_pic_select{
	width:inherit;
	display:inline-block;
	margin:0 10px 20px 0;
	font-size:10pt;
	text-align:center;
}
.form_button.box_type_pic_select{
	text-align:center;
	clear:both;
	display:block;
	margin:0 auto;
}
/*product_custom_column*/
.product_custom_column{
	background:#f1f1f1;
	padding:0.6%;
	margin:1.5%;
	width:97%;
	overflow:hidden;
	display:block;
}
.product_custom_column .product{
	float:left;
	width:28%;
	overflow:hidden;
	background:#FFF;
}
.product_custom_column .product .pic{
	clear:both;
	width:100%;
	line-height:0;
}
.product_custom_column .product .pic img{
	width:100%;
}
.product_custom_column .product .title{
	clear:both;
	width:100%;
	text-align:center;
	font-size:18pt;
	padding:2% 2% 15% 2%;
}
.product_custom_column .follow{
	float:right;
	width:70%;
	overflow:hidden;
}
.product_custom_column .follow>.title{
	clear:both;
	margin:1% auto;
	width:60%;
	max-width:480px;
	border:1px solid #808080;
	font-size:2vw;
	padding:2%;
	color:#5e4a42;
	text-align:center;
}
.product_custom_column .follow .column{
	width:100%;
	clear:both;
	text-align:center;
	padding:3% 0;
}
.box_follow{
	display:inline-block;
	width:24%;
	min-width:180px;
	max-width:200px;
	margin:0 2% 0 2%;
	overflow:hidden;
}
.box_follow .left_column{
	float:left;
	width:auto;
	margin:0 1% 0 0;
}
.box_follow .left_column .title{
	clear:both;
	float:left;
	width:auto;
	background:#6dcfc9;
	font-size:calc(13pt + 0.2vw);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:3% 4%;
	margin:0 0 5px 0;
}
.box_follow .left_column .text{
	clear:both;
	float:left;
	width:auto;
	font-size:calc(13pt + 0.2vw);
	padding:3% 4%;
	margin:0 0 8% 0;
	word-break:keep-all;
}
.arrow_right{
	display:inline-block;
	width:26px;
	height:26px;
	margin:2.5% 0 0 0;
	vertical-align:top;
	background:url(arrow_right.svg) no-repeat center center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.arrow_final{
	display:inline-block;
	width:26px;
	height:26px;
	margin:2.5% 0 0 0;
}
.box_follow_final{
	display:inline-block;
	width:10%;
	margin:2.2% 2%;
	vertical-align:top;
}
.box_follow_final .title{
	clear:both;
	float:left;
	width:auto;
	font-size:18pt;
	padding:3% 4%;
	margin:0 0 8% 0;
	word-break:keep-all;
	color:#28a8a0;
}
/*step_label_column*/
.step_label_column{
	clear:both;
	width:97%;
	margin:2% auto;
	text-align:center;
}
.box_step{
	position:relative;
	display:inline-block;
	width:32%;
	background:#ddd;
	text-align:center;
	color:#FFF;
	padding:4px 0;
}
.step_right_mask{
	position:absolute;
	right:0;
	height:100%;
	width:33%;
	background:url(step_right_mask.svg) no-repeat right center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	top:0;
}
.step_left_mask{
	position:absolute;
	left:0;
	height:100%;
	width:30%;
	background:url(step_left_mask.svg) no-repeat left center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	top:0;
}
.step_now{
	background:#76CDC7;
}
@media screen and (max-width:1200px) {
	.product_custom_column .product{
		float:none;
		margin:0 auto;
		width:80%;
		max-width:600px;
		overflow:hidden;
		background:#FFF;
	}
	.product_custom_column .follow{
		float:right;
		clear:both;
		width:100%;
		overflow:hidden;
	}
	.product_custom_column .follow>.title{
		width:80%;
		max-width:600px;
	}
}
@media screen and (max-width:1000px) {
	.box_follow{
		display:inline-block;
		width:38%;
		max-width:500px;
	}
	.box_follow_final{
		width:38%;
		max-width:500px;
	}
}
@media screen and (max-width:640px) {
	.box_follow{
		width:80%;
	}
	.box_follow_final{
		width:98%;
		margin: 0% 2%;
	}
	.box_follow_final .title{
		text-align:center;
		width:100%;
		margin:0;
	}
	.arrow_final{
		display:none;
	}
	.box_step{
		width:100%;
	}
	.step_right_mask,
	.step_left_mask{
		display:none;
	}
}
/*class_select_column*/
.class_select_column{
	width:100%;
	margin:0 auto;
	padding:2% 5% 0 5%;
	text-align:left;
}
.class_select_button{
	display:inline-block;
	padding:6px 10px;
	margin:0 0 5px 1px;
	border:1px solid #999;
	font-size:11pt;
}
.class_select_button.active{
	background-color:#48D1C5;
	border:1px solid #48D1C5;
}
.class_select_button.active a{
	color:#ffffff;
}
div.tab_container_products_sub2{
	width:100%;
	max-width:100%;
}
.class_title{
	clear:both;
	width:100%;
	display:block;
	overflow:hidden;
	margin:0 0 10px 0;
}
.class_title_text{
	color:#48D1C5;
	background:#f6f6f6;
	padding:7px 12px;
	font-size:20pt;
	width:auto;
	display:inline-block;
	float:left;
}
/*pruducts_desc_column*/
.pruducts_desc_column{
	clear:both;
	width:96%;
	margin:0 auto;
	max-width:1100px;
}
.pruducts_desc_column .title{
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	margin:0 0 3% 0;
  color:#054970;
}
.pruducts_desc_column .HTML_info{
	line-height:24pt;
}
.pruducts_desc_column .HTML_info img{
	max-width:100%;
}
/*store_column*/
.store_column{
	width:95%;
	max-width:1000px;
	margin:2% auto 4% auto;
}
.store_box{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:33%;
	padding:5% 2% 6% 2%;
	color:#929292;
}
@media screen and (max-width:1200px) {
	.store_box{
		width:49%;
	}
}
@media screen and (max-width:360px) {
	.store_box{
		width:100%;
	}
}
.store_box .name{
	font-size:18pt;
	font-weight:bold;
	margin:0 0 6px 0;
}
@media screen and (max-width:360px) {
	.store_box .name{
		font-size:16pt;
	}
}
.store_box .address{
	font-size:13pt;
	margin:0 0 15px 0;
}
.store_box .map a{
	font-size:10pt;
	color:#929292;
}
.store_box .map a:hover{
	color:#48D1C5;
}
/*AEA2E_add*/
.main_video{max-width:100%;margin:0 auto;}
.main_video_column{position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}
/*info*/
.info_column{
	clear:both;
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.main_column_vav{
	width:100%;
	max-width:1060px;
	padding:45px 20px 0 20px;
	margin:0 auto;
}
.main_column_full{
	clear:both;
	width:100%;
	max-width:1100px;
	padding:45px 20px 0 20px;
	margin:0 auto;
	overflow:hidden;
}
.main_column{
	float:right;
	width:80%;
	max-width:1000px;
	padding:0 10px 3% 20px;
}
.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:#9e7018;
	font-weight: bold;
	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_vav{
		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:20px 20px 10px 20px;
		margin:0 auto;
	}
	.nav_column{
		display: none;
	}
	.nav_column_full{
		float:left;
		width:100%;
	}
	.nav_column a{
		line-height:35px;
		font-size:17px;
		background:#f4f4f4;
		min-width:135px;
		padding:5px 10px 5px 10px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		color:#999;
	}
	.nav_column a::before{
		content:"● ";
	}
	.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:1px solid #9e7018;
}
@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:1em;
	font-size:1em;
	color:#666;
	padding:10px 0 10px 10px;
}
.left_menu ul li a:hover{
	color:#054970;
}
.left_menu ul .sel a{
	display:block;
	width:100%;
	line-height:1em;
	font-size:1em;
	color:#9e7018;
}
.left_menu ul .sel a:hover{
	color:#054970;
}
.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 dotted #e8e8e8;
}
/****************************************************************/
.main_title_column{
	width:100%;
	overflow:hidden;
	padding:10px 0 10px 30px;
	margin:0 0 15px 0;
	color:#054970;
	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;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.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 50px 0;
  font-size: 13pt;
  line-height: 22pt;
  text-align: justify;
  clear: both;
}
.HTML_info border,
.HTML_info border img,
.HTML_info img,
.HTML_info iframe{
	max-width:100% !important;
}
/*********************/
.consultant_box{
	display:inline-block;
	width:22%;
	max-width:400px;
	margin:0 22px 3% 22px;
	vertical-align:top;
}
@media screen and (max-width:1600px) {
	.consultant_box{
		width:28%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
@media screen and (max-width:980px) {
	.consultant_box{
		width:40%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
.consultant_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:52%;
	padding-bottom:50%;
	background-position:center center;
	border:7px solid #d0b9b3;
	margin:0 auto 6% auto;
	overflow: hidden;
	top:0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
@media screen and (max-width:480px) {
	.consultant_box .pic{
		width:60%;
		padding-bottom:55%;
		border:3px solid #d0b9b3;
	}
}
.consultant_box:hover .pic{
	top:-10px;
	-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);
}
.consultant_box .title{
	font-size:14pt;
  line-height: 16pt;
	width:95%;
  height: 30px;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}
.consultant_box .desc{
	font-size:10pt;
	width:95%;
  margin:5px auto 0 auto;
}
.consultant_box .desc::before{
	content: "學歷："
}
/*********************/
.reporter_box{
	display:inline-block;
	width:22%;
	max-width:400px;
	margin:0 22px 3% 22px;
	vertical-align:top;
}
@media screen and (max-width:1600px) {
	.reporter_box{
		width:28%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
@media screen and (max-width:980px) {
	.reporter_box{
		width:40%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
.reporter_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:52%;
	padding-bottom:50%;
	background-position:center center;
	border:7px solid #b3d0cd;
	margin:0 auto 6% auto;
	overflow: hidden;
	top:0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
@media screen and (max-width:480px) {
	.reporter_box .pic{
		width:60%;
		padding-bottom:55%;
		border:3px solid #b3d0cd;
	}
}
.reporter_box:hover .pic{
	top:-10px;
	-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);
}
.reporter_box .title{
	font-size:14pt;
  line-height: 16pt;
	width:95%;
  height: 30px;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}
.reporter_box .desc{
	font-size:10pt;
	width:95%;
  margin:5px auto 0 auto;
}
.reporter_box .desc::before{
	content: "學歷："
}
.cv_column{
	width: 100%;
	clear: both;
	display: block;
	margin: 20px 0;
	padding: 0 0 60px 0;
	overflow: hidden;
}
.cv_column .picture{
	float: left;
	width: 20%;
}
.cv_column .picture img{
	width: 100%;
}
.cv_column .cv_info{
	float: right;
	width: 76%;
}
.cv_column .cv_info .title{
	font-size: 13pt;
	border-bottom: 1px dotted #ccc;
}
.cv_column .cv_info .HTML_info{
	margin: 0 0 50px 0;
}
@media screen and (max-width:800px) {
	.cv_column .picture{
		width: 30%;
	}
	.cv_column .cv_info{
		float: right;
		width: 66%;
	}
}
@media screen and (max-width:480px) {
	.cv_column .picture{
		width: 40%;
	}
	.cv_column .cv_info{
		float: right;
		width: 56%;
	}
}
/***************************************/
/***********************************************************/
.guest_option_column{
	width:100%;
	margin:0 0 3% 0;
	text-align: center;
}
.guest_box {
	   clear:both;
	   width: 100%;
	   margin:0 auto 3% auto;
	   line-height:18pt;
}

.guest_title {
	   clear:both;
	   width: 100%;
	   margin:0 auto;
     padding:8px;
     text-align: left;
     color:#9e7018;
     font-weight: bold;
     border-top:1px solid #999; 
     border-left:1px solid #999;
     border-right:1px solid #999; 
     border-bottom:1px dotted #aaa; 
}

.guest_content {
	   clear:both;
	   width: 100%;
	   margin:0 auto;
       padding:8px;
       border-left:1px solid #999;
       border-right:1px solid #999; 
       border-bottom:1px solid #999;  
}


.guest_reply {
       color:#333;
	   clear:both;
	   width: 100%;
	   margin:2% auto;
	   background-color:#eeeeee; 
	   padding: 7px;
}
.guest_bottom_search{
	display:inline-block;
	background-color:#555;
	font-size:11pt;
	color:#ffffff;
	border:none;
	padding:8px 20px;
	cursor:pointer;
	width:70px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position: relative;
	top:-2px;
}
.guest_bottom_post{
	display:inline-block;
	background-color:#9e7018;
	font-size:11pt;
	color:#ffffff;
	border:none;
	padding:8px 20px;
	margin: 0 0 0 8px;
	cursor:pointer;
	width:100px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position: relative;
	top:-2px;
}
.reply_form{
	color:#069;
	font-size:11pt;
}
.date1{
	color:#666;
	font-size:11pt;
	font-weight: normal;
}
/**********************************************************/
/*cat_sel*/
.cat_sel{padding: 5px 0px 5px 0; font-size: 11pt; display: none;}
@media screen and (max-width:1100px) {
	.cat_sel{display:inline-block;}
}
/***************************************/
.main_column .news_list{
	width:100%;
	max-width: 1200px;
	margin:20px auto;
	overflow:hidden;
}
@media screen and (max-width:1000px) {
	.main_column .news_list{
		width:96%;
	}
	.main_column .news_pic{
		display:none;
	}
}
.main_column .news_list ul{
	width:100%;
	margin:0 auto;
}
.main_column .news_list ul a li{
	display: block;
	line-height:18px;
	text-align:left;
	border:1px solid #DDD;
	padding:14px 20px;
	margin: 0 0 2px 0;
	background: #fff;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.main_column .news_list ul a:hover li{
	background: #ccc;
}
.main_column .news_list ul li .pic{
	display: inline-block;
	margin:0 2% 0 0;
	overflow: hidden;
	-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover;
	background-position: center;
	width: 160px;
	padding-bottom: 100px;
}
.main_column .news_list ul li .float_right{
	display: inline-block;
	width: calc(98% - 160px);
}
.main_column .news_list ul li .float_right .date{
	float: left;
	color:#336298;
	font-size:11pt;
	padding: 0 0 8px 0;
	overflow: hidden;
}
.main_column .news_list ul li .float_right .title{
	float: left;
	overflow: hidden;
	line-height: 22px;
}
@media screen and (max-width:480px) {
	.main_column .news_list ul li .pic{
		display:none;
	}
	.main_column .news_list ul li .float_right{
		width: 100%;
	}
}
/**********************************************/
/*********************/
.links_box{
	display:inline-block;
	width:16%;
	max-width:400px;
	margin:0 22px 3% 22px;
	vertical-align:top;
}
@media screen and (max-width:1600px) {
	.links_box{
		width:20%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
@media screen and (max-width:980px) {
	.links_box{
		width:40%;
		margin:0 2% 8% 2%;
		max-width:500px;
	}
}
.links_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:25%;
	background-position:center center;
	border:1px solid #999;
	margin:0 auto 6% auto;
	overflow: hidden;
	top:0;
	transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}
.links_box:hover .pic{
	top:-10px;
	-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);
}
.links_box .title{
	font-size:12pt;
	width:95%;
	padding: 0 0 6px 0;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}
@media screen and (max-width:480px) {
	.links_box .title{
		font-size:10pt;
	  line-height: 12pt;
	}
}

/***************************************/