/*about_a*/
.about_column_a{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10% 2%;
	overflow:hidden;
	text-align:center;
}
.about_column_a .left{
	display:inline-block;
	width:45%;
	max-width:780px;
	padding:0 2% 0 0;
	vertical-align:top;
}
.about_column_a .left img{
	width:100%;
}
.about_column_a .right{
	display:inline-block;
	width:45%;
	font-size:15pt;
	line-height:24pt;
	padding:0 0 0 2%;
	word-break:break-all;
	text-align: justify;
	text-justify:inter-ideograph; 
	vertical-align:top;
}
.about_column_a .right img{
	max-width:100%;
}
.about_column_a .right p{
	margin:0px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.about_column_a .left{
		padding:0 2% 0 0;
	}
	.about_column_a .right{
		padding:0 0 0 2%;
	}
}
@media screen and (max-width:800px) {
	.about_column_a .left{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.about_column_a .left img{
		width:96%;
		margin:0 auto 2% auto;
	}
	.about_column_a .right{
		width:96%;
		margin:0 auto;
		padding:0;
	}
}
/*about_b*/
.about_column_b{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:4% 2%;
	background:#FAF9F2;
	overflow:hidden;
	text-align:center;
}
.about_column_b .left{
	display:inline-block;
	width:45%;
	max-width:780px;
	padding:0 0 0 2%;
	vertical-align:top;
}
.about_column_b .left img{
	width:100%;
}
.about_column_b .right{
	display:inline-block;
	width:45%;
	font-size:15pt;
	line-height:24pt;
	padding:5% 2% 0 0;
	word-break:break-all;
	text-align: justify;
	text-justify:inter-ideograph; 
	vertical-align:top;
}
.about_column_b .right .title{
	font-size:22pt;
	font-weight:bolder;
}
.about_column_b .right p{
	margin:15px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.about_column_b .left{
		padding:0 0 0 2%;
	}
	.about_column_b .right{
		padding:0 2% 0 0 ;
	}
}
@media screen and (max-width:800px) {
	.about_column_b .left{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.about_column_b .left img{
		width:96%;
		margin:0 auto 2% auto;
	}
	.about_column_b .right{
		width:96%;
		margin:0 auto;
		padding:0;
	}
}
/*about_b2*/
.about_column_b2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:4% 2%;
	background:#FAF9F2;
	overflow:hidden;
	text-align:center;
}
.about_b2_box{
	display:inline-block;
	width:21%;
	max-width:300px;
	margin:0 1.5%;
}
@media screen and (max-width:640px) {
	.about_b2_box{
		width:44%;
		margin:0 2% 4% 2%;
	}
}
.about_b2_box .pic{
	width:100%;
	border:7px solid #969696;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	padding-bottom:90%;
	margin:0 0 5% 0;
}
.about_b2_box .desc{
	font-size:15pt;
	line-height:20pt;
	text-align:left;
	width:98%;
	margin:0 auto;
}
/*about_c*/
.about_column_c{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:6% 2% 0% 2%;
	overflow:hidden;
	text-align:center;
}
.about_column_c .left{
	display:inline-block;
	width:45%;
	max-width:780px;
	padding:0 2% 0 0;
	vertical-align:top;
}
.about_column_c .left img{
	width:100%;
}
.about_column_c .right{
	display:inline-block;
	width:45%;
	font-size:15pt;
	line-height:24pt;
	padding:5% 0 0 2%;
	word-break:break-all;
	text-align: justify;
	text-justify:inter-ideograph; 
	vertical-align:top;
}
.about_column_c .right .title{
	font-size:22pt;
	font-weight:bolder;
}
.about_column_c .right img{
	max-width:100%;
}
.about_column_c .right p{
	margin:15px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.about_column_c .left{
		padding:0 2% 0 0;
	}
	.about_column_c .right{
		padding:0 0 0 2%;
	}
}
@media screen and (max-width:800px) {
	.about_column_c .left{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.about_column_c .left img{
		width:96%;
		margin:0 auto 2% auto;
	}
	.about_column_c .right{
		width:96%;
		margin:0 auto;
		padding:0;
	}
}
/*about_c2*/
.about_column_c2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:4% 2%;
	overflow:hidden;
	text-align:center;
}
.about_c2_box{
	display:inline-block;
	width:29.4%;
	max-width:495px;
	margin:0 0.5%;
}
.about_c2_box .pic{
	width:100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	padding-bottom:64%;
	margin:0 0 5% 0;
}
@media screen and (max-width:640px) {
	.about_c2_box{
		display:inline-block;
		width:80%;
		margin:0 0 2% 0;
	}
}
/**************************/
.about_column_d{
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	padding-bottom:25%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center top;
}
.about_column_d .info_column{
	width:36%;
	display:inline-block;
	text-align:left;
}
@media screen and (max-width:800px) {
	.about_column_d{
		padding-bottom:30%;
	}
	.about_column_d .info_column{
		width:55%;
	}
}
@media screen and (max-width:640px) {
	.about_column_d{
		padding-bottom:35%;
	}
	.about_column_d .info_column{
		width:80%;
	}
}
.about_column_d .info_column .title{
	font-size:22pt;
	font-weight:bolder;
	text-align:center;
	width:100%;
	margin:20% 0 0 0;
}
.about_column_d .info_column .desc{
	display:inline-block;
	width:100%;
	font-size:15pt;
	line-height:24pt;
	padding:5% 0 0 2%;
	word-break:break-all;
	text-align: justify;
	text-justify:inter-ideograph; 
	vertical-align:top;
}
/***************************/
/*about_e*/
.about_column_e{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:4% 2%;
	background:#FAF9F2;
	overflow:hidden;
	text-align:center;
}
.about_column_e .left{
	display:inline-block;
	width:45%;
	max-width:780px;
	padding:0 0 0 2%;
	vertical-align:top;
}
.about_column_e .left img{
	width:100%;
}
.about_column_e .right{
	display:inline-block;
	width:45%;
	font-size:15pt;
	line-height:24pt;
	padding:5% 2% 0 0;
	word-break:break-all;
	text-align: justify;
	text-justify:inter-ideograph; 
	vertical-align:top;
}
.about_column_e .right .title{
	font-size:22pt;
	font-weight:bolder;
}
.about_column_e .right p{
	margin:15px 0 35px 0;
	display:block;
}
@media screen and (max-width:1200px) {
	.about_column_e .left{
		padding:0 0 0 2%;
	}
	.about_column_e .right{
		padding:0 2% 0 0 ;
	}
}
@media screen and (max-width:800px) {
	.about_column_e .left{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.about_column_e .left img{
		width:96%;
		margin:0 auto 2% auto;
	}
	.about_column_e .right{
		width:96%;
		margin:0 auto;
		padding:0;
	}
}
/*NEWS******************************/
.news_h1{
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:32pt;
	color:#214C48;
	font-weight:bold;
	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;
}
@media screen and (max-width:800px) {
	.news_list_column{
		padding:0 2%;
	}
}
/**********************************/
.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:#CCC;
	line-height:15pt;
	text-align:center;
	margin:0 0 40px 0;
}
.news_info_back:hover{
	color:#48BBB2;
}
.news_info_back::before{
	content:"｜ 返回 ｜";
}


/*faq_column*******************************************/
.faq_column{
	width:100%;
	max-width:1200px;
	padding:5% 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:#48BBB2;
}
.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:#214C48;
	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 #EFEFEF;
	margin:0 0 2% 0;
}
.faq_column ul.faq_list li .qa_title {
	padding:4% 3% 4% 3%;
	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:16pt;
	line-height:22pt;
	font-weight:bold;
}
.faq_column ul.faq_list li .qa_title:hover{
	color:#48BBB2;
}
.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:10pt;
	color:#CCC;
	line-height:15pt;
	text-align:center;
	margin:30px 0;
}
.qa_content_close:hover{
	color:#48BBB2;
}
.qa_content_close::before{
	content:"｜ Close ｜";
}
/************************************************/
/*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:#ea385c;
	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 5px 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{
	background:rgba(60,90,154,0.8);
}
.form_column .row_social .social_login.login_facebook:hover{
	background:rgba(60,90,154,1);
}
.form_column .row_social .social_login.login_google{
	background:rgba(217,86,75,0.8);
}
.form_column .row_social .social_login.login_google:hover{
	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;
}
.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: rgba(72, 187, 178, 0.6);
}
.form_button:hover{
	background-color: rgba(72, 187, 178, 1);
	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;
	background:#ddd;
	font-size:12pt;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.form_option_column a:hover{
	background:rgba(72, 187, 178,1);
	color:#fff;
}
/*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:5% 0;
	text-align:left;
}
.products_list_brand_sub .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_brand_sub .products_box .title{
	width:100%;
	font-size:18pt;
	line-height:22pt;
	word-break:break-all;
	margin:0 0 15px 0;
	min-height:50px;
}
@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%;
	height: 300px;
	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;
}
@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:1400px;
	margin:60px auto 60px 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 20px 10px;
	margin:0 0 20px 0;
	border-bottom:2px solid #d1c0a5; 
}

/*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:20px 0 0 0;
	text-align:right;
}
.product_info_column .option_column_desc{
	line-height:18pt;
	font-size:12pt;
	margin:0 0 20px 0;
	padding:2px 10px 20px 10px;
	border-bottom:2px solid #d1c0a5; 
}
.product_info_column .type_column{
	width:100%;
	line-height:18pt;
	font-size:12pt;
	padding:2px 10px 20px 10px;
	border-bottom: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; 
}
.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=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.form_button_order{
	display:inline-block;
	background:#958980 no-repeat;
	background-image:url(icon_cart_white.svg);
	background-position: 10px 50%;
	font-size:16pt;
	font-family:微軟正黑體,simhei,Arial;
	color:#fff;
	width:47%;
	max-width:250px;
	border:none;
	margin:0 0.5% 5px 0;
	padding:10px 15px;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.form_button_order:hover{
	background:#B4AAA5 no-repeat;
	background-image:url(icon_cart_white.svg);
	background-position: 20px 50%;
}
.form_button_fav{
	display:inline-block;
	background:#958980 no-repeat;
	background-image:url(icon_fav_white.svg);
	background-position: 10px 50%;
	font-size:16pt;
	font-family:微軟正黑體,simhei,Arial;
	color:#fff;
	width:47%;
	max-width:250px;
	border:none;
	margin:0 0.5% 5px 0;
	padding:10px 15px;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.form_button_fav:hover{
	background:#B4AAA5 no-repeat;
	background-image:url(icon_fav_white.svg);
	background-position: 20px 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*/
.HTML_info{
	font-size:13pt;
	line-height:18pt;
}
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:600px;
	border:1px solid #808080;
	font-size:4vw;
	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 5% auto;
	max-width:800px;
}
.pruducts_desc_column .title{
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	margin:0 0 3% 0;
}
.pruducts_desc_column .HTML_info{
	line-height:24pt;
}
.pruducts_desc_column .HTML_info img{
	max-width:100%;
}