﻿.m0auto {
    margin: 0 auto;
}

/* icon
-----------------------------------------------------------------------------*/
.topNavIcon{
	display: inline-block;
	background-repeat:no-repeat;
	background-size: contain;
}
.topNavIcon_cart{
	background-image:url(../tw_images/icon/icon_cart.png);
	width:35px;
	height:29px;
	vertical-align: bottom;
}
.topNavIcon_cartWH{
	background-image:url(../tw_images/icon/icon_cartWH.png);
	width: 25px;
	height: 21px;
	vertical-align: sub;
}
.icon_del{
	background-image:url(../tw_images/icon/icon_del.png);
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	margin-right:5px;
	vertical-align: -1px;
	display:inline-block;
}


/* btn
-----------------------------------------------------------------------------*/
.btn_buDoble{
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
.btn_buDoble ul,
.btn_buDobleFull ul{
	font-size: 0;
}
.btn_buDoble ul li{
	width:172px;
	margin:1.5%;
	display:inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	zoom:1;
}
.btn_buDoble ul li a{
	color:#ffffff;
	display:block;
	font-size:16px;
	text-align:center;
	margin:0 auto;
	padding:10px 15px;
	background-color:#598abe;
	text-decoration:none;
}
.btn_buDobleFull{
	margin-left:-1.5%;
	margin-right:-1.5%;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
.btn_buDobleFull ul li{
	width:47%;
	margin:1.5%;
	display:inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	zoom:1;
}
.btn_buDobleFull ul li a{
	color:#ffffff;
	display:block;
	font-size:16px;
	text-align:center;
	margin:0 auto;
	padding:10px 25px;
	background-color:#598abe;
	text-decoration:none;
}
.single_btn,
.single_btnNopd{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
.single_btn a,
.single_btnWidth a,
.single_btnNopd a{
	color:#ffffff;
	display:block;
	font-size:16px;
	padding:12px 10px 10px 10px;
	text-align:center;
	text-decoration:none;
	background-color:#598abe;
}
.single_btnMember a {
	color: #ffffff;
	display: block;
	font-size: 16px;
	padding: 12px 10px 10px 10px;
	text-align: center;
	text-decoration: none;
	background-color: #535353;
}

.forget_password {
	font-size: 16px;
	color: #2d200f;
	text-decoration: underline;
}

.single_btnWidth{
	width:172px;
}
.single_btnNopd{	
	padding-top:0;
	padding-bottom:0;
}

.fb_btn{
	width:260px;
}
.fb_btn a{
	display:block;
	color:#ffffff;
	font-size:16px;
	padding:10px 18px;
	text-align:center;
	text-decoration:none;
	background-color:#3b589e;
	font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}
.fb_btn a i{
	float:left;
	color:#ffffff;
	font-size:20px;
	margin-top: 1px;
	padding-top: 3px;
	padding-right:12px;
	vertical-align: middle;
	border-right:1px solid #4169c9;
}
.fb_btn.visitor_btn{
	margin-top:50px;
}
.fb_btn.visitor_btn a{
	background-color:#ff9c00;
}
.fb_btn.visitor_btn a i{
	border-right:1px solid #ffb520;
}
.fb_btn.google_btn{
	margin-top:20px;
}
.fb_btn.google_btn a{
	background-color:#cd3a2b;
}
.fb_btn.google_btn a i{
	border-right:1px solid #cd3a2b;
}

.btn_del{
	width:84px;
	margin-left:auto;
	margin-right:auto;
}
.btn_del a{
	display:block;
	color:#222222;
	font-size:16px;
	text-align: center;
	padding:10px 10px 8px 10px;
	text-decoration:none;
	background-color:#eaeaea;
}
.btn_del a:hover{
	background-color:#aaaaaa;
}
.btn_delong{
	width:132px;
	margin-left:0;
}
.btn_delongCenter{
	width:122px;
}
.btn_deNormal{
	width:172px;
	margin-left:auto;
	margin-right:0;
}
.btn_buDoble ul li.btn_bu a,
.btn_buDoble ul li.btn_bu a:hover{
	background-color:#3c5a98;
}

@media screen and (max-width:680px){
	.btn_buDoble{
		margin-left:-1.5%;
		margin-right:-1.5%;
	}
	.btn_buDoble ul li{
		width:47%;
	}
}
@media screen and (max-width:414px){
	.btn_buDoble,
	.btn_buDobleFull{
		margin-left:0;
		margin-right:0;
	}
	.btn_buDoble ul li,
	.btn_buDobleFull ul li{
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-bottom:5px;
	}
	.single_btnWidth{
		width:100%;
	}
}


/* hdMenu
-----------------------------------------------------------------------------*/
.logo{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNjJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMjYyIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNjIgNDIiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgPGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSIyNjIiIGhlaWdodD0iNDIiIHg9IjAiIHk9IjAiCiAgICB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQVFZQUFBQXFDQU1BQUFCbThnWDNBQUFBQkdkQlRVRUFBTEdQQy94aEJRQUFBQ0JqU0ZKTgpBQUI2SlFBQWdJTUFBUG4vQUFDQTZRQUFkVEFBQU9wZ0FBQTZtQUFBRjIrU1g4VkdBQUFDOUZCTVZFVUFBQUJaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZi8KLy84VkZpb2pBQUFBK25SU1RsTUFZUHJTMFBUWjc4QWdDQWxNaHJERTRLQm9HZzlJZDU2NXo5ZlR5THlhY2tzVkhCSUVHQk1McjdpcApKRENFUFJlUjgvMmxHeFJ1L05FbzhPaVE5Wk1PUHpoREE1L3FWSmJLN0RVZW1QbmltWXFCcnR6QlJPbmw5L2FKQnJTaUVEbW8yLzZkCkhURkpCWHZIYlpRbkRBSTNmY0t6RnF5cnU2RzY3VEpiQnlGQWRMK3lkcGQ2ZmxoNVRkNWZBYTB0Zk5ZS2piSGh4bG5GN3VaY2gzQlIKUGlPM00ydkxwb0Q0dmQwbW95cUxRdkg3S2FvWjM0TlRRYzVRRWFlRlpuSHlEYlhVWTNQcmdsVkthZFZsSzBVMkwxS0l5VFJPTzNqbgpZdVNNbkp1U2ozODhZUzYrNDdiTkg5aGtWbGRIams4bGxWMUcyc3dpTE1ObnBIVmVmUUs4aVFBQUFBRmlTMGRFKzZKcU50d0FBQUFKCmNFaFpjd0FBQ3hNQUFBc1RBUUNhbkJnQUFBQUhkRWxOUlFmaEN4NEJJQUJDbkQydkFBQUoyVWxFUVZSbzN1VmFhMEJVeHhVZWNNWGwKSVM4M1lvU292SXdDb21Jc0FkRUVOeGlRWUh4RXhXQUlYVVJGa0VTSk5JQXVTUk9ieDJMQStFQkwxUVRSV0JwdDFsYXRXaE1RYTB4OApOWTBHRzJPanNXblR4cVNwdG1sN2Z2WE8yZWZNbmJuY05lVlh6NSs5YzE0ejg5MjVaK2FjV1VMK2Y4Z1AvUHNaK2tPQVlRQVllVm1nCmdJSjRwZUNRZ2FGaC9jSU54b2pJUVJyOW1PNFlIRFhrenFIaDBURjNEUnMrSXBZWHh3VUdCd1hHUzJ3VGxINFRXZFlnWmxBajc5WXoKMVZHak5XQklTaWJFQ0NuRU5FWUZBd2dvbFZVWk8yNjhSNVkyNFI1eEp4Ty9GNWJPdXJsM1RBYWpFUTZaa3lCTE1zWkF4WUFibklFYgoxdVRvS1NIM2FhTndQMEMySElhcHhBRURNVCtnQTRZY002TXhMWlBPUHV6Qk1RL21vamh2dXFDTC9JY0tVRGdqOU9HWnM2Yk1udU4wCjljaGNCZ2FGYmdPR3lmUG1GN3JHdHVEUklpMFlGZ0k4SmhXbUZMdGdJSS96c2pUcVBDd2lJcUprU083Mzh5ejR3aG5JSXltcmRCRSsKbDhYUXhtSlZCMHVXNGpqTGw3bVhkZjdnR1Rqc0NuNWFQc0R3Q05YM3ExeXVQRlk5c2ZqSkZUaFVXR2ttVXFwVXhsOVFyWVdURXdhRgpuaktzeXM2dU1md2dtMlFzZkpyVVV0ZlQzRnFtNHVMaU9tOUhjNVhPL2V0ZExYTVd3UGpWdk9zMXVFekNyQ3cwRGYwNXlHSjZnMkVJCnkzcUc2cWQ0MnNuUElnNC9sTS94T1NwL1hoOE1WbGhMeUkvZ0JlVngySXZrSldvWklyVktvUEtYUFcxYkVqVHlPdXNReWxlcWVINUcKRS9nMzg5UFNnbUU5eXdybFlDQzJWeW1uTUZiaWdveGNnTitseG5MeGdxRnFRNHp5V2lkVDZEZmVUZkJGV3FWV214VHBacWFybGszOApCTGJRRDJtcmFGalBoS21tOVdNTkdGcFoxbE04RENRUjU5a2dHK3hTUi96NGlTNFl5UE93ald4UEw0Z24yY3FyMlVFTlg1TmFVZnhmClp6Z2h6YXpHNmpicVlialFPbWlpZDJzblZXelhnTUdQWlVXb1lDQVZvQTRoYmlxYUJMdW9mTGMrR0JMOXM4akFyRGNpeVk0OWhQeVUKR25aSXJmSVU2Uk5hYnNuUE1HN1pTTzlVU2pVSDY0ZmhZVFVNYjFMV1hva0xQNERJZlZUaDU3cGdJRy8xdCsrMy8ySnpkbzBMOGtDWgprWWxLMTJqTnJZTjJuS2tkbloyVUJlcUZ6OER3UzRFK0MwTXNydm9Fc1l0KzhFWlZFcFZQMFFmREFjak5JaGx3OEpBTGhsL0pqQUlGCnB5bVdEbXV0ZEphT1VOV2pHajBkWWxrRDFUQTRqamxpRDNNQmZrM1BUd0RIM3BZUEloZmNad1piUUtHZGtJTVlVaEdHWUUwWXRDWVoKUnhmRHJtSmRNTFNEZXVFelBZVUk5RmtZcWlscmk5akRPOURmUkVnbnFLS1pGNlZtV2FDdHE5blphcVhiMXZHbHhBV0RkT1Q0VVhTUApsRS90QkZWWXFBc0Z4N1Irb3dFRHQyRTFxR0U0U1ZtamhBNHlIR2UxZDZuR0tWbW9xc2IweFBWUjJXbGVNSFpRN3pCZ2lJUlYwZ0JZCmhXZkY5M3lBNFpCRUtJQ2hWUTBEQnZSTlFnZEtRSzFVZnQ0K1JsVU82QnVSaDNxQllSUitqT3RsT0d4RDhmcyt3SEJhQTRZenZjRncKbGg3Mmh3b2paR3doT0pKTDNGTWJpWS9VQ3d6bkhDY1M0eUZ4ZEQ2UHFZL21zWTJEUVhaU0MxU0h3N1U4REtZbUdvaW1DKzNYdWc3dQpIZFFxUGU1L0MwUFZiNTJwWGROY2tSaWxkK3JzQ21INFFBT0dzd0o5THhqVzBQRG4venVoK2VwNUVPQmNzbmhtSC9NZFlFaUlvd0dFClBRTnM3M2JsdUNzL1ZDWDdWWk5SNEFzTUtSSmhvUHI0d3VxYkx0QlU3ZUkyc2ZsSEFNdWNqOU9vMlR6TmZGd0NnNUZTV0xpamJCTEsKS25TNGFnY0FQWmU0S0xBSTJhVTZ1N3BFbGJmcmgrRzhDNGJWMWRQZlhVVkxQNVpTeWFabGk0YTl5NTNQQ2ZPcFhUM3hpU0tBSnc0RwpZdnE5UjVZK2k4bXlVMEFyYWVUcFk2MERLNFhCenJLeXVJSDFYTTZRdVQ0TjhJbTdjWVVxbDk4R0RCRXVhdHc0SjFPOUxaL3pLb2NOCi9ZT1g0SDZmWUhpck54aTRVeGdEdytoUHl6VHlsaDFnOFN3ek95WVdaYjdEMEt0VzNlVmExM2pTTG5qWUh5Qm5uTTZ1UnZzSXd4VEgKUjFGR1l3TE1pTlh3L0Q3QXMxNU5UQ3lpK2dBRzVmdmMydVFDd3BQUFoyQjdwODZ1eXJWZ3VLckl1TUtOSzlGK0VhdHZ1elcyWmVXegpIZFh1b1VhcVh4aFBmQ0M5TUNqYndzdVRIRERrdURNWE83YXY2ZXdLY1R3ckVkWXBBVkEwTkJvaWgyTTNNNldPcTNlQmdLVFZtZThHCkF5RWpWem82bU9YbVlPWCtKWjNtYzdRMnpLa0FuOGxnSUE5aHQ5TmtqcFdkdFNVY3FhbjkwckNTNjJHbmNGaFZSRC81QWdNeE8vYVYKaSs3MStVZmEzS2Z6RkduUWd1RlRnQlVjcTlHdG4xQkRIOGRMcWtOQk9hcmJDY1JoUkYvQlFNeFlYUWIzYm9FRkpmaGNuL0ZtcXZ1NApSS2pzY2hFY3k2c2thN3BJbi84a3JpUDhHY0RBc1k1VDlSMTlCZ001Zy9OMjEwN3FzV25WWjR0dlYxWUV2d3h3UlE0RCtRSTdtaTNhCk0yMmQ2bUpPTmQwekxjbDlCZ01Kb1BwZDd1NXdkT3YxbVk2anVzTWxRbVhPZitGWVdDMTJKVkl6c2FjWEJKWi9CVGkybkdjaTVGLzIKSFF3bFZQK0d1N21DTmx1VzZ6SmRwcldkYndENGltTVp2VmVhK1drOHRBanlkQ1Z1ZksxaWpxRGFBNXI3REliSHFINmx1L2szZkVtdAp1a3dYVTlWVFlsbUg4a3I1Rlk4d2ZPTnF4ZVBGVXEwcURxMFQ3c0ptVEN4MDFvTnVBd2E2VW1zOUF5NzZPeTZIaVhwTWt4R3lQVUxaCmx3QkpQQTlYbXFkYWRSWFQyWnY4dnc2aUZKN0E0UkdxYkNCNlNSc0crektPVVVXcmNzTzhHR2N3TFgxSDE1N1pRMVVyUkpKaTVjQ3MKS21qZ0J1c1ZNQnhoa3J1VEgxc0FFQ253ZU12Q2JHbTlVYWdtREYvQU9aWXhsYW96OXpkUDR1RFc2dWtMYjNiOC95R1FLRmxVaklxSgpNSGhYc3JGaXowMzZCTUFDNFo4ZXJsUGRFcjB3N05hRTRUemtNSDl2c2YyVHZucEd4WVpCT2UyR3lOekdibVIyVEpJNlRTcTlFQkRkCmhpQU0zM294ekxoMytIdS9oZUJ1Z0FuQ29kOUEzVVNpajNJMVliZ0dzTEhacS8wS3pmVzRza0FSRGk2OVMyMWRhZHpBTWw3SDExbk8KM3c1dExSUnViZ1pWOUkzSFVsaVBWMzNzUGFWOVVqaDA4MmRVOXdyUlIwMHFHR3h4N21OSE04MVpkbnZlWHBmUzdGN0h1eWpDVFJRTwpjM0h5bnN2KzdHVzQ0dnBmcURtLzN2dTRINndFT1VnU0JCZUU0UUxET2dwc3NtbFRodCs5UkR3enJPak9sMXowOFlTWUtjbnB6S3lzCnFKS2E2UENjekRUUHFiWURVOXdORFhpTGFhdWJRTmZDT3JVUDI3L3hIejk1RGJmY3JLQ1RPLzBwTkR4aUZZN2tyT2Y4aDQ1L2RKbFQKMTlOejhpVlJpRVVZMkNzekcrNGVjTVRWcHNlRDV5UXpHNFRCVzNZOXhGR21JRVgxSE83dmNGWmI4dHFNdWJnZ0Y0cXJIMlUzSFhyNwpEODg2NnVmWCtzazEvQ05DWVlXNmRIajZ1ck9UdFAwSGpjWTJ2RnlaczFqb0ZHRjRsT1VsNC8yUk8ydTZDMFQvUVhJU2xubmE5T1daClZMWGJrYVYyWjZwZ0lJa2YrM3Znc2RTTWtQcEpMUm5QZ1JsOVFSeWZ6a2F4MEhkK0s2a2lHMkR2TGxXRjd4c0w3T3V4N0hXRXlhdlEKVXJnZ2lFam9DQlJzMlFkZFJBOVpyZHZ5M1ExemRVZXExV3BsS3AvMmo3NHVId0NXMnB1bC94bXI2YW5vemZha2UzUG9HYWNsWVBTNAorbnk1NXBJREoyWTN0U2paVDJibnF1UHlLNit5UmNTOFI1VWV2V1l0SnA5YjYvQTUveXVTVUNtMXQ5OHlreVVaS1VRSC9SY29GdGJiCnNzQzJsZ0FBQUNWMFJWaDBaR0YwWlRwamNtVmhkR1VBTWpBeE55MHhNUzB6TUZRd01Ub3pNam93TUMwd056b3dNUFd3TlFnQUFBQWwKZEVWWWRHUmhkR1U2Ylc5a2FXWjVBREl3TVRjdE1URXRNekJVTURFNk16STZNREF0TURjNk1EQ0U3WTIwQUFBQUFFbEZUa1N1UW1DQyIgLz4KPC9zdmc+Cg==');
	background-repeat:no-repeat;
	margin: 0 auto;
	background-position: center center;
	width:263px;
	height:43px;
	cursor:pointer;
}
.nav_logo{
	background-image:url(../tw_images/logo/logo.png);
	background-repeat:no-repeat;
	background-size: contain;
	margin: 0 auto;
	background-position: center center;
	/*width:200px;*/
	width:220px;
	height:30px;
	cursor:pointer;	
}
.hdMenu ul.hdMenuL li a{
	padding-left:20px;
	padding-right:20px;
}
.headCont_line{
	border-bottom: 1px solid #040000;
}
.hd_top,
.hdMenu{
	margin-left:auto;
	margin-right:auto;
}
.hd_top{
	padding-top:33px;
}
.hdTop_list{
	float: right;
	margin-top: -26px;
}
.hdTop_list ul li{
	display:inline-block;
}
.hdTop_list ul li a{
	display:block;
	color:#9fa0a0;
	font-size:18px;
	padding:15px 10px;
	text-decoration:none;
}
.lan{
	position:relative;
}
.lan_list{	
	display:none;
	position: absolute;
	left: -23px;
	padding: 0;
	margin: 7px 0 0 0;
	text-align: center;
	border-radius:0;
	box-shadow:none;
	border:1px solid #dcdcdc;
	z-index: 1;
	width:100px;
}
.lan_list ul li{
	display:block;
}
.lan_list ul li a{
	font-size:20px;
	text-decoration:none;
	background-color:#ffffff;
	padding: 4px 5px 1px 5px;
	border-bottom:1px solid #dcdcdc;
}
.lan_list > ul > li:hover > a{
	color: #727171;
}
.carousel_dot{
	background-color: #fff;
	height: 50px;
}
.carousel-indicators li{
	width: 12px;
	height: 12px;
	background-color: #ccc;
}
.carousel-indicators .active{
	background-color: #bbb;
}
.hd_mainMenu{
	padding-top:18px;
}
.hdMenu {
	text-align: center;
	padding-top: 20px;
	padding-bottom:10px;
}
.hdMenuL{
	float:left;
	width:100%;
}
.hdMenu ul.hdMenuL > li {
	display: inline-block;
	list-style: none;
}
.hdMenu .button-dropdown {
	position: relative;
}
.hdMenu ul.hdMenuL li a {
	display: block;
	color: #727171;
	font-size:18px;
	text-align:center;
	text-decoration: none;
	letter-spacing: 1px;
	white-space: nowrap;
}
.hdMenu ul.hdMenuL li a span {
	display: inline-block;
	position: relative;
	left: 0px;
	font-size: 16px;
	color: #fff;
}
.hdMenu > ul.hdMenuL > li > a:hover,
.hdMenu > ul.hdMenuL > li > a.dropdown-toggle.active {
	color: #3e3a39;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
	background-color:#ffffff;
}
.hdMenu ul.hdMenuL li .dropdown-menu {
	display: none;
	position: absolute;
	left: 0;
	right:0;
	padding: 0;
	margin: 0;
	text-align: center;
	border-radius:0;
	box-shadow:none;
	border:1px solid #dcdcdc;
	min-width: 100%;
}
.hdMenu ul.hdMenuL li .dropdown-menu.active,
.dropdown-menu li {
	display: block;
}
.hdMenu ul.hdMenuL li .dropdown-menu{
	min-width: 200px;
}
.hdMenu ul.hdMenuL li .dropdown-menu a {
	/*min-width: 168px;*/
	word-break: break-all;
	white-space:pre-wrap;
	background-color:#ffffff;
	padding: 9px 0px 6px 0px;
	border-bottom:1px solid #dcdcdc;
}
.hdMenu ul.hdMenuL li .dropdown-menu li:last-child a,
.lan_list ul li:last-child a{
	border-bottom:0;
}

.hdMenuR{
	float:right;
	padding-top:3px;
	width:26%;
}
.search{
	position:relative;
}
.search input{
	color:#9fa0a0;
	height: 40px;
	font-size:18px;
	background-color:#ffffff;
	padding:7px 52px 7px 10px;
	border-radius:0;
	box-shadow:none;
	border:1px solid #bbbbbb;
	border-left:0;
	border-right:0;
    font-family: 'FuturaMdBT_M';
	width:100%;
}
.srh_icon{
	position:absolute;
	content:"";
	right:12px;
	top:6px;
	width:25px;
}
.srh_icon a{
	color:#9fa0a0;
	font-size:19px;
	background:none;
    line-height: 22px;
    width: auto;
}
.search input:focus {
	border-color:#bbbbbb;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#9fa0a0;
}
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#9fa0a0;
   opacity:1;
}
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#9fa0a0;
   opacity:1;
}
.search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#9fa0a0;
}

/* small_menu */
a.slide-menu-open{
	position: fixed;
    z-index: 10;
    margin: 15px 10px;
    padding: 10px;
	text-align:center;
    font-size: 18px;
    color: #ffffff;
	text-decoration:none;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.menu_c{
	top: 0px;
	left: 25px;
}
a.slide-menu-open i{
	margin-right:7px;
}
.side-menu-wrapper { 
    overflow: hidden;
    padding: 10px 15px;
    position: fixed;
    top: 0;
    left: -290px;
    height: 100%;
    z-index: 2;
    transition: 0.5s;
    width: 250px;
	background-color:#fcfcfc;
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
	box-shadow: 2px 3px 5px rgba(0,0,0,.2);
	overflow-y: auto;
}
ul.slider_menuList{
    width:100%;
}
ul.slider_menuList li a { 
    display: block;
    border-bottom: 1px solid #c9caca;
    padding: 12px 10px 10px 10px;
    color: #595757;
	font-size: 18px;
    transition: 0.3s;
    text-decoration: none;
}
ul.slider_menuList ul li a{
	padding-left: 28px;
}
ul.slider_menuList > li:hover > a{
	color:#000000;
}
.side-menu-wrapper > a.menu-close {
    color: #6B6B6B;
    display: block;
    font-size: 35px;
    text-decoration: none;
	text-align:right;
}
.side-menu-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
}
.sliderMem_btn{
	width:100%;
	margin: 20px auto 10px auto;
}
.sliderMem_btn a{
	padding:10px;
	color:#ffffff;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	background-color:#598abe;
}
.small_lanList{
	text-align: center;
	padding: 20px 0;
}
.small_lanList ul{
	font-size:0;
}
.small_lanList ul li{
	width:25%;
	display:inline-block;
}
.small_lanList ul li a{
	display: block;
    color: #ffffff;
    width: 40px;
    height: 40px;
	margin:0 auto;
    text-align: center;
    border-radius: 100%;
    line-height: 41px;
    font-size: 18px;
	text-decoration:none;
    background-color: #598abe;
}
.small_lanList ul li img{
	width:70%;
}
.search.small_srh{
	padding-bottom: 5px;
}
.search.small_srh input{
	background-color:#fcfcfc;
}


/* index
-----------------------------------------------------------------------------*/

.idx_title{
	padding:20px 15px;
	color:#6d6d6e;
	font-size:30px;
	text-align:center;
	background-color:#fff;
	position: relative;
}
.deBg_title{
	background-color:#dcdcdc;
}
.idx_titleBold{
	font-weight:bold;
	padding-right:35px;
}
.idxTitle_line{
	position:relative;
	display:block;
}
.idxTitle_line:before,
.idxTitle_line:after{
	display: inline-block;
    content: "";
    border-top: 2px solid #6d6d6e;
    width: 10px;
    margin: 0 10px;
    transform: translateY(-4px);
}


.idxBnrHalf_lt{
	float:left;
}
.idxBnrHalf_rt{
	float:right;
}
.idxBnrHalf_lt,
.idxBnrHalf_rt{
	width:50%;
	position:relative;
}

/* idx_hotpd */
.idx_hotpd{
	padding:50px 0;
}
.idx_hotpd ul{
	margin-left: -2.5%;
}
.idx_hotpd ul li{
	width: 22.5%;
	margin: 0 0 36px 2.5%;
	float:left;
}
.idx_hotpd ul li a{
	text-decoration:none;
}
.idxHotpd_title,
.idxHotpd_price{
	color:#000000;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
}
.idxHotpd_title{
	color: #818181;
	font-size:18px;
	padding-top:15px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.idxHotpd_price{
	font-size:20px;
	color: #818181;
}

/*idx_video*/
.idx_video{
	position:relative;
	background-color: #ffffff;
	z-index: 0;
}
.idxVideo_frame{
	border: 6px solid #c9caca;
	margin: 50px 40px;
	padding: 50px 0;
}
.idx_video:after{
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	height:calc(100% - 112px);
	background-color:#f2f2f2;
	z-index: -1;
}
.idxVideo_cont {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.idxVideo_cont iframe,
.idxVideo_cont object,
.idxVideo_cont embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.idx_video #myCarousel {
  width: 86.18%;
  margin:0 auto 75px auto;
}
.idx_video .item img {
  margin-left: auto;
  margin-right: auto;
}
.idx_video .carousel-control.left,
.idx_video .carousel-control.right {
  background: none;
  border: none;
  text-shadow:none;
  opacity: 1;
  top:calc(50% - 19.5px);
}
.idx_video .carousel-control.left {
  margin-left: -50px;
}
.idx_video .carousel-control.left .glyphicon-play {
  -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.idx_video .carousel-control.right {
  margin-right: -10px;
}
.idx_video .carousel-control {
  width: 0%;
  top: 0;
}
.idx_video .glyphicon {
  color: #ffffff;
  font-size: 40px;
  line-height:39px;
}

.idxTitle_c{
	top: 50px;
	font-size: 22px;
}
@media (max-width:576px) {
	.idxTitle_c {
		font-size: 26px;
		color: white;
	}
}
.idxTitle_c_l {
	position: absolute;
	top: 50%;
	margin-top: -14px;
	font-size: 22px;
	left: 15px;
}

/* sub
-----------------------------------------------------------------------------*/
.subMenu{
	margin-bottom:20px;
}
.subMenu_title{
	color:#1f1f1f;
	font-size:22px;
	font-weight:bold;
	padding-bottom: 15px;
	border-bottom:1px solid #c0c0c0;
}
.subMenu ul li{
	border-bottom:1px solid #c0c0c0;
}
.subMenu ul li:last-child{
	border-bottom:1px solid #c0c0c0;
}
.subMenu ul li a{
	display:block;
	color:#333333;
	font-size:18px;
	padding:17px 30px 15px;
	position:relative;
	text-decoration:none;
}
.subMenu ul li:hover a{
	color:#598abe;
}
.subMenu ul li:hover a i{
	color:#598abe;
	left:auto;
	right:0;
}
.subMenu ul li:hover a svg{
	color:#598abe;
	left:auto;
	right:0;
}
.subMenu ul li a i{
	color:#222222;
	font-size:25px;
	position:absolute;
	content:"";
	left:0;
	margin-top: -11px;
    top: 50%;
	transition:1s;
    -webkit-transition:1s;
    -moz-transition:1s;
    right:calc(100% - 100px);
}
.subMenu ul li a svg{
	color:#222222;
	font-size:25px;
	position:absolute;
	content:"";
	left:0;
	margin-top: -11px;
    top: 50%;
	transition:1s;
    -webkit-transition:1s;
    -moz-transition:1s;
    right:calc(100% - 100px);
}
.subMenu ul li a.act{
	color:#de2525;
}
.subMenu ul li a.act i{
	color:#de2525;
	left:auto;
	right:0;
}
.subMenu_minBox{
	color:#666666;
	font-size:18px;
	font-weight:bold;
	padding:12px 15px 8px 15px;
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	cursor:pointer;
	display:none;
}
.subMenu_minBox i{
	float: right;
    font-size: 20px;
    padding-top: 2px;
}

.subMenuIcon ul li a{	
	padding:17px 25px 15px;
}


.subRank{
	width:100%;
	display:table;
	margin-top:10px;
	margin-bottom:10px;
}
.subRank_group{
	margin-top:5px;
	padding:10px 0;
	border:1px solid #ffffff;
}
.subRank_group:hover{
	border-color:#ffccd1;
}
.subRank_lt,
.subRank_rt{
	display:table-cell;
	font-size:16px;
	vertical-align:top;
}
.subRank_lt{
	width:50%;
}
.subRank_lt img{
	width:100%;
}
.subRank_rt{
	width:50%;
	padding-left:6px;
}
.subRank_icon{
	color:#ffb520;
	font-weight:bold;
}
.subRank_title{
	color:#de2525;
    padding-top: 3px;
	padding-bottom: 24px;
}
.subRank .slider_price{
	line-height:16px;
}

@media screen and (max-width: 1170px) { 
	.sub_icon {
		width: 16%;
		height: auto;
		margin-right: 5px;
	}
	.subMenuIcon ul li a {
		padding: 17px 20px 15px;
	}
}

@media screen and (max-width: 767px) { 
	.subMenu_title,
	.subMenu ul li a i{
		display:none;
	}
	.subMenu_minBox{
		display:block;
		margin-top: 25px;
	}
	.subMenu ul{
		display:none;
		border-left:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0;
	}
	.subMenu ul li{
		border:0;
	}
	.subMenu ul li a{
		font-size: 16px;
		padding: 10px 15px 8px 15px;
	}
	.subMenu ul li:hover a{
		color:#ffffff;
		background-color:#9fa0a0;
	}
	.sub_icon {
		height: auto;
		width: 6%;
		margin-right: 12px;
	}
	.subRank{
		display:none;
	}
}



/* page
-----------------------------------------------------------------------------*/
.page_bread{
	padding-top: 10px;
	padding-bottom:20px;
}
.page_bread ul li{
	color:#c9caca;
	font-size:15px;
	display:inline-block;
}
.page_bread ul li a{
	color:#c9caca;
	font-size:15px;
	text-decoration:none;
}
.page_bread ul li:after{
	content:"／";
	color:#727171;
	font-size: 12px;
}
.page_bread ul li:last-child:after{
	content:"";
}
.page_bread ul li.pgBread_focus{
	color:#727171;
}

.pageNum{
	margin:10px 0;
	text-align:center;
}
.pageNum .pagination > li{
    display: inline-block;
	margin:0 3px;
}
.pageNum .pagination > li > a{
	color:#222222;
	font-size:26px;
	display:block;
	padding:8px 15px;
	text-decoration:none;
	background:none;
	border:0;
}
.pageNum .pagination > li:hover a{
	color:#666666;
}
.pageNum .pagination > li a.pageNum_icon{
	width:54px;
	height:54px;
	line-height:40px;
	border-radius:100%;
	background-color:#598abe;
}
.pageNum .pagination > li > a i{
	color:#ffffff;
	font-size:25px;
	text-align:center;
	vertical-align: middle;
}
.pageNum .pagination > li > a i.fa-chevron-left{
    padding-right: 3px;
}
.pageNum .pagination > li > a i.fa-chevron-right{
    padding-left: 3px;
}
.pageNum .pagination > li.num_act a{
	color:#b5ae9a;
	text-decoration:underline;
}

.pgNumberBar{
	padding:30px 0;
	text-align:right;
}
.pro_pageNum,
.pageSortBy{
	display:inline-block;
    font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}
.pro_pageNum{
	padding-right:30px;
	border-right:1px solid #9fa0a0;
}
.pageSortBy{
	padding-left:20px;
}
.pro_pageNum li{
	display:inline-block;
}
.pro_pageNum li a{
	color:#9fa0a0;
	font-size:17px;
	padding:0 5px;
	text-decoration:none;
}
.pro_pageNum li.numTxt a{
	font-size:19px;
	color:#c9caca;
}
.pro_pageNum li.numTxt.numAct a,
.pro_pageNum li.numTxt a:hover{
	color:#595757;
}
.pageSortBy li{
	color:#9fa0a0;
	font-size:17px;
	display:inline-block;
	position:relative;
	padding-left:15px;
}
.pageSortBy li select{
	color:#595757;
	width: 140px;
	height: 27px;
	text-align:center;
	text-align-last: center;
	padding: 0 23px 0 7px;
	background-color:#ffffff;
	border:1px solid #9fa0a0;
	appearance: none;            /* remove arrow        */
	-webkit-appearance: none;    /* remove arrow Chrome */
	-moz-appearance: none;       /* remove arrow FF     */
	background-image:url(../tw_images/icon/pageSortByIcon.png);
	background-repeat:no-repeat;
	background-position:94% 7px;
}
.pageSortBy li select::-ms-expand{
	display: none;             /* remove arrow IE     */
}



/* product
-----------------------------------------------------------------------------*/
.pro_video:after{
	height: calc(100% - 100px);
}
.proVideo_frame{
	padding: 100px 70px;
}
.pro_imgList table{
	width:100%;
	border-collapse:collapse;
}
.pro_imgList table tr td{
	vertical-align:middle;
}
.proVideo_seaweed:after{
	background-color:#e0effc;
}
.proVideo_seaweed .proVideo_frame{
	border-color:#b3def5;
}

.pageOverview{
	padding-top:0;
}

/* product_tab
-----------------------------------------------------------------------------*/

.tab{
	display: none;
}
.square01{
	display: inline-block;
}
@media (max-width:480px){
	.tab{
		display: block;
		text-align: right;
		border-top:1px solid #cac7be ;
		padding: 10px ;
		box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.3);
		margin-bottom: 30px;
	}

	.tab button{
		background: none;
		border: 0px;
		outline: none;
	}

	.tab .active .square01::after{
		content: url(../tw_images/other/square01.png);
	}

	.tab .active .square01 img{
		display: none;
	}

	.tab .active .square02::after{
		content: url(../tw_images/other/square02.png);
	}

	.tab .active .square02 img{
		display: none;
	}

	.tab .active .square03::after{
		content: url(../tw_images/other/square03.png);
	}

	.tab .active .square03 img{
		display: none;
	}
	

	.tabcontent .square01_box ul li{
		width: 100%;
	}
	.tabcontent .square03_box ul li{
		width: 100%;
		display: inline-block;
		float: none;
		border-bottom: 1px solid #dcd7cb;
		padding-bottom: 10px;
	}
	.tabcontent .square03_box ul li img{
		float: left;
		max-width: 30%;
	}
	.tabcontent .square03_box ul li p{
		text-align: left;
	}
	.tabcontent .square03_box .idxHotpd_price{
		display: flex;
	}
}

/* product-detail
-----------------------------------------------------------------------------*/
.prodFM_blockL .carousel-control{
	text-shadow:none;
	top:50%;
	opacity:1;
}
.prodFM_blockL .glyphicon-play{
	font-size: 30px;
}
.prodFM_blockL .prod_arrowL{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.prod_frame{
	padding-bottom:55px;
}
.prodFM_blockL{
	width:31%; /*494px
	padding-right:80px;*/
	margin-top: 25px;
	float:left;
}
.prodFM_blockR{
	width:38.758%; /*530px*/
	margin-top: 60px;
	float:right;
}
.PDFM_blockRTop{
	margin-bottom:15px;
	border-bottom:1px solid #c9caca;
}
.prodFM_name{
	color:#818181;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 10px;
	letter-spacing:3px;
}
.prodFM_discoutTit{
	color:#a67c52;
	font-size:17px;
	letter-spacing: 3px;
	margin-bottom: 10px;
	font-family:'FuturaBT_L', 'Microsoft JhengHei';
}
.prodFM_discoutTit_blue{
	color:#317bb5;
}
.prodFM_salePrice{
	color:#818181;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 3px;
	margin-bottom: 15px;
}
.prodFM_originalPrice{
	color:#3e3a39;
	font-size:13px;
	font-weight:normal;
	padding-left:40px;
    font-family: 'FuturaBT_L';
	text-decoration:line-through;
}
.PDFM_colorTxt{
	color:#221e1f;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 4px;
	margin-bottom: 10px;
}
.PDFM_colorList{
	margin-bottom: 15px;
}
.PDFM_colorList ul li{
	display:inline-block;
	margin-right:8px;
}
.PDFM_colorList ul li a{
	display:block;
	position:relative;
}
.focus_color:before{
	content:"";
	position:absolute;
	border:1px solid #ffffff;
	width:21px;
	height:21px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index:11;
}
.PDFM_buyBtn{
	margin-bottom:12px;
}
.PDFM_buyBtn ul{
	font-size:0;
}
.PDFM_buyBtn ul li{
	display:inline-block;
	margin-right:17.5px;
	vertical-align: middle;
    margin-bottom: 15px;
}
.PDFM_buyBtn ul li:last-child{
	margin-right:0;
}
.size_select{
    width:120px;
    overflow:hidden;
	text-align:center;
}
.size_select select{
    width: 100%;
	height:33px;
	font-size: 20px;
	text-align:center;
	border-radius:0;
	text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:1px solid #221e1f;
	background-image:url(../tw_images/icon/br_down.png);
	background-repeat:no-repeat;
	background-position:94% center;
	background-size: 15px;
}

.color_select{
    width:145px;
    overflow:hidden;
	text-align:center;
}
.color_select select{
    width: 100%;
	height:33px;
	font-size: 20px;
	text-align:center;
	border-radius:0;
	text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:1px solid #221e1f;
	background-image:url(../tw_images/icon/br_down.png);
	background-repeat:no-repeat;
	background-position:94% center;
	background-size: 15px;
}
.number-spinner {
	width: 120px;
	line-height: 31px;
	padding: 0;
	margin: 0;
	border: 1px solid #221e1f;
	overflow: hidden;
	position: relative;
	display: table;
}
.number-spinner input {
	height: 31px;
	max-height: 31px;
	line-height: 31px;
	font-size: 20px;
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background: none;
}
.number-spinner input:focus {
	outline: none;
}
.number-spinner .ns-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	cursor: pointer;
}
.number-spinner .ns-btn a {
	height: 31px;
	min-height: 31px;
	width: 45px;
	padding: 0;
	max-width: 45px;
	line-height: 31px;
	border-radius: 0;
	border: none;
	text-align: center;
	position: relative;
	color: #231815;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.number-spinner .ns-btn .icon-minus:after,
.number-spinner .ns-btn .icon-plus:after{
	font-size: 20px;
	line-height: 29px;
}
.number-spinner .ns-btn .icon-minus:after{
	content: "\002212";
}
.number-spinner .ns-btn .icon-plus:after{
	content: "\00002B";
}
.PDFM_addCartBtn{
	width:310px;
	margin-bottom:15px;
}
.PDFM_addCartBtn a{
	width:100%;
	padding:10px 5px 8px 5px;
	color:#ffffff;
	display:block;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	background-color:#9fa0a0;
}
.PDFM_sizePop{
	margin-bottom:18px;
}
.PDFM_sizePop a{
	color:#231815;
	font-size:15px;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:3.24px;
}
.PDFMSizePop_icon{
	color:#ffffff;
	display:inline-block;
	text-align:center;
	width:25px;
	height:25px;
	margin-right:8px;
	padding-left: 4px;
	font-family:Arial;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color:#9fa0a0;
}
#PDFM_tabs .nav-tabs{
	border-bottom:0;
	margin-bottom:28px;
}
#PDFM_tabs .nav > li > a:hover,
#PDFM_tabs .nav-tabs > li.active > a,
#PDFM_tabs .nav-tabs > li.active > a:hover,
#PDFM_tabs .nav-tabs > li.active > a:focus{
	color:#231815;
	border:0;
	background:none;
}
#PDFM_tabs .nav-tabs > li > a {
	display:block;
	font-size:15px;
	padding:0;
    border: 0;
	letter-spacing:3.6px;
    border-radius: 0;
	position:relative;
}
#PDFM_tabs .nav-tabs > li > a:after{
	content:"／";
}
#PDFM_tabs .nav-tabs > li:last-child > a:after{
	content:"";
}
.PDFM_tabsTxt{
	color:#595757;
	font-size:17px;
	line-height:30px;
	letter-spacing:3.25px;
}

.prod_tabList{
	margin-left: 20px;
}
.prod_tabList li{
	color: #595757;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 3.25px;
	list-style:outside decimal none;
	font-family:'Microsoft JhengHei';
}

#sizeChart_modal .modal-header{
	border:0;
}
#sizeChart_modal .modal-body {
    padding: 0 30px 30px 30px;
}
#sizeChart_modal .modal-content{
	border-radius:0;
}
.sizeChartModal_close{
	display: block;
	text-align:right;
	cursor:pointer;
}

/* member
-----------------------------------------------------------------------------*/


/*nature*/
.idx_bnr_show{
	width: 50%;
}
.idx_bnr_img{
	width: 50%;
}
.d-flex{
	display: flex;
}
.ft_link{
	display: flex;
}
li ul li a {
	font-size: 14px !important;
}
.hdMenu ul.hdMenuL li .dropdown-menu{
	min-width: 100%;
}
@media(min-width: 768px){
	#head_nav{
		display: flex;
	}
}
@media(min-width: 601px){
	.idx_bnr_hot img{
		display: none;
	}
	.idxTitle_c_l {
		left: 72%;
	    /*position: absolute;
	    top: 68px;
	    font-size: 16px;
	    right: -550px;*/
	}
}
.navbar-toggler{
	display: none;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-around{
	justify-content: space-around;
}
.justify-content-center{
	justify-content: center;
}
.center{
	text-align: center;
}
.navbar-toggler{
	border:none;
	background-color: transparent;
}
.menu-img{
	width: 40px;
	height: 20px;
	margin-right: 20px;
}
.idx_bnr_img1{
	background-image: url(../tw_images/nature/newpage_img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 150px;
	margin: 20px 0;
}
.idx_bnr_img2{
	background-image: url(../tw_images/nature/newpage_img2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 150px;
	margin: 20px 0;
}
.idx_bnr_img3{
	background-image: url(../tw_images/nature/newpage_img3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 150px;
	margin: 20px 0;
}
.idx_bnr_show{
	background-image: url(../tw_images/nature/newpage_item1.png);
	margin: 20px 0px 20px 25px;
	background-size: cover;
	background-repeat: no-repeat;
}
.idx_bnr_hot{
	background-image: url(../tw_images/nature/newpage_hot.jpg);
	height: 200px;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 992px){
	.idx_bnr_show{
		background-position: center;
	}
	.idx_bnr_img1,.idx_bnr_img2,.idx_bnr_img3{
		background-position: center;
		background-size: cover;
		width: 100%;
	}
}
.ft_cont ul li{
	font-size: 19px;
	margin: 0 10px;
	margin-bottom: 20px;
}
.ft_cont ul li a{
	text-decoration: none;
}
.icon_fb{
	color: #fff;
	background-color: #ccc;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.icon_fb a{
	position: relative;
	top: 5px;
}
.icon_li{
	background-color: #ccc;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.icon_li_img{
    position: relative;
    width: 35px;
    height: 35px;
    top: 3px;
    left: 8px;
}
.icon_ig{
	color: #fff;
	background-color: #ccc;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.icon_ig a{
	position: relative;
	top: 5px;
}
.icon_fb,.icon_li,.icon_ig{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.font-s{
	font-size: 40px;
}
.copyright{
	margin-bottom: 40px;
}
/*newpage02*/
.user_evaluation{
	border-bottom: 1px solid #000;
	font-size: 18px;
	line-height: 36px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.card{
	display: inline-block;
	width: 30%;
	height: 300px;
}
.card_icon img{
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	/*background-color: red;*/
	/*background-image: url(https://picsum.photos/300/300?random=10);*/
	margin-bottom: 20px;
}
.card_icon div{
	position: relative;
	top: -50px;
	color: #fff;
}
/*anti-sensitive_detail02*/
.separate{
	border-bottom: 3px solid #ccc;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}
.prod_nav-c{
	width: 15%;
	margin: 25px;
}
.prod_nav{
	width: 100%;
	color: #bcbcbc;
	display: inline-block;
	float: left;
	margin-right: 30px;
	line-height: 24px;
}
.pn_title{
	color: #818181;
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 40px;
}
.prod_nav .n_title {
	color: #818181;
	font-size: 17px;
	font-weight: bolder;
	text-decoration: underline;
}
.prod_nav ul li {
	font-size: 16px;
	margin: 10px 0;
}
.n_title{
	color: #818181;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: underline;
}
.prod_nav ul li a:hover{
	color: #000;
	text-decoration: none;
}
.owl-carousel{
	position: relative;
}
.owl-nav{
	width: 100%;
	position: absolute;
    top: 160px;
    font-size: 32px;
}
.owl-prev{
	position: absolute;
	left: -50px;
}
.owl-next{
	position: absolute;
	right: -50px;	
	font-size: 27px;
}
.pd_text{
	font-size: 18px;
	padding: 20px 0;
	color: #535353;
}
.part{
	font-size: 18px;
	padding-top: 20px;
	padding-bottom:25px;
}
.card-text{
	height: 80px;
	display: inline-table;
	margin: 0px 20px;
}
.card-text span{
	font-size: 13px;
	line-height: 18px;
	/*white-space: nowrap;*/
	margin: 0 10px;
	display: inline-table;
}
.wd-c{
	margin: 0 10%;
}
.PDFM_addLove{
	width:310px;
	margin-bottom: 50px;
}
.PDFM_addLove a{
	width: 100%;
    padding: 10px 5px 8px 5px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    background-color: #9fa0a0;
}
/*new product*/
.newcard_c{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.new_card{
	display: inline-table;
	width: 32%;
	border:1px solid #c0c0c0;
	margin-bottom: 30px;
}
.new_card h3{
	margin: 25px 15px 15px 15px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 10px;
}
.new_card a{
	display: inline-block;
	margin:10px 15px;
	background-color: #c0c0c0;
	color: #fff;
	padding: 10px 20px; 
}
.new_cmember{
	margin:10px 15px;
	color: #c0c0c0;
}
.new_ctext{
	margin:0px 15px;	
	font-size: 16px;
	line-height: 18px;
	color: #c0c0c0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.detail_nav_title{
	font-size: 22px;
	font-weight: bold;
	margin-top: 35px;
}
.detail-img{
	display: inline-block;
	width: 50%;
}
.detail-text h3{
	font-size: 20px;
}
.detail-text{
	font-size: 15px;
	line-height: 26px;
	width: 50%;
    margin-left: 30px;
    margin-right: 20px;
}
.detail_text{
	font-size: 15px;
	line-height: 26px;
    margin-left: 5px;
    margin-right: 5px;
}
.detail_img{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.detail_img img{
	width: 49%
}
.detail-content{
	display: flex;
}
.cart_img_c{
	width: 600px;
	height: 60px;
}
.select_c{
	display: block;
    width: 60%;
    height: 34px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.condition{
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom:20px;
}
.condition span{
	color: #5c8cbd;
}
.pos_r{
	position: relative;
}
.txt_l{
	text-align: left!important;
}
.use{
    color: #2d200f;
    font-size: 16px;
}
.shipping_m{
	width: 60%;
	display: inline-block;
}
.ml18{
	margin-left:18%;
}
.form-control-c{
	display: block;
    width: 100%;
    height: 70px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controlct02{
	width: 76%;
	margin-left: 20px;
	height: 34px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-ct02-text{
	margin-top: 5px;
	color: red;
	position: relative;
	top: 0px;
	left: 19%;
}
.describe{
	padding: 10px 0;
}
.pickup_m{
	color: #9fa0a0;
    font-size: 16px;
    cursor: pointer;
    padding: 10px 10px 8px 10px;
    text-align: center;
    border: 1px solid #9fa0a0;
}
.pickup_m_click{
	color: #ffffff;
    border-color: #a0a0a0;
    background-color: #a0a0a0;
}
.colp0{
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 30px;
	margin-top: 10px;
}
.d-inb{
	display: inline-block;
}
.cart_payItem02{
	color: #000000;
    font-size: 16px;
    padding: 20px 60px;
    background-color: #eaeaea;
    border-bottom: 1px solid #c0c0c0;
}
.vta_m{
	vertical-align: middle!important;
}
.menu_pos{
	top: 0;
	left:10px;
}
.hdMenuL_c{
	display: flex;
	justify-content: space-between;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 25px;
  /*color: #818181;*/
  display: block;
  transition: 0.3s;
}
.sidenav{
	text-align: left!important;
}
#mySidenav{
	left: -100px;
	padding: 10px;
}
.slider_menuList li ul{
	display: block!important;
	width: 250px;
}
.sliderMem_btn{
	padding: 10px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    background-color: #598abe;
}
.sm-lan li{
	width: 25%;
    display: inline-block;
}
.sm-lan li a{
	display: block;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 41px;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    
    font-size: 18px;
    text-decoration: none;
    background-color: #598abe;
}
.icon_cart{
	background-image: url(../tw_images/icon/icon_cartWH.png);
    width: 25px;
    height: 21px;
    vertical-align: sub;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}
.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.close_c{
	right: 5px!important;
}
#mySidenav{
    z-index: 11;
    background-color: #fcfcfc;
    -webkit-box-shadow: 2px 3px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 3px 5px rgb(0 0 0 / 20%);
    overflow-y: auto;
}
#mySidenav div:first-child{
	display: block;
	width: 250px;
	height: 50px;
}
.sm-lan{
	text-align: center;
	padding: 20px 0;
}
.menu_c span{
	margin-left: 1px;
}
.anti-img{
	width: 100px;
	height:150px;
}
.collection-text{
	color: #3e3a39;
    font-size: 18px;
    font-weight: bold;
    font-family: 'FuturaBT_L';
    margin-right: 50px;
}	
.cole-title{
	color: #3e3a39;
    font-size: 22px;
    font-weight: bold;
    font-family: 'FuturaBT_L';
}
.cole-pro{
	position: relative;
}
.cole-delete{
	color: #bcbcbc;
	position: absolute;
    top: 0;
    right: 0px;
    padding: 50px 0 0 50px
}
.cole-price{
	margin-top: 15px;
	letter-spacing: 1px;
}
.p0{
	padding: 0px!important;
}
.colle-favorite{
	border-bottom: 1px solid #e4e4e4;
	padding: 0px 0px 75px 0px;
}
.cole-img{
	text-align: center;
    text-align: -webkit-center;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/*nature-----------------------------------------------------------------------------*/


/* login */
.login_lt{
	padding-right:28px;
	position:relative;
}
.login_lt:after{
	position:absolute;
	content:"";
	width:1px;
	height:100%;
	right:0;
	top:0;
	background-color:#d7d7d7;
}
.login_rt{
	padding-left:28px;
}
.login_title{
	color:#598abe; /*221e1f*/
	font-size:22px;
	font-weight:bold;
	padding-bottom:15px;
}
.login_subTitle{
	color:#2d200f;
	font-size:16px;
}
.login_subTitle a{
	color:#2d200f;
	text-decoration:underline;
}
.login_form .form-control{
	color:#acacac;
	font-size:16px;
	min-height:45px;
	border-radius:0;
	border:1px solid #b7b7b7;
}
.form-control:focus {
    border-color: #2b2b2b;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login_twoFM{
	padding-top:10px;
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
.login_respl{
	padding-left:15px;
}
.login_txt{
	color:#959595;
	font-size:16px;
	padding-top:20px;
}
.login_txt a{
	color:#000000;
	text-decoration:none;
	display: inline-block;
}
.loging_hs{
	display:none;
}

/* membership */
.membership_frame {
  height: 445px;
  overflow-y: scroll;
  padding:20px 25px;
  border:1px solid #cec7b3;
}
.membership_frame::-webkit-scrollbar {
    width: 15px;
}
.membership_frame::-webkit-scrollbar-track {
	background-color:#f0eee8;
}
.membership_frame::-webkit-scrollbar-thumb {
  background-color: #cec7b3;
}
.memShip_tit{
	color:#e09600;
	font-size:16px;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:5px;
}
.memShip_txt{
	color:#000000;
	font-size:16px;
	line-height:28px;
}
.memShip_txt a,
.memShip_listNum ul li a,
.memShip_listEng ul li a{
	color:#0066d9;
	text-decoration:none;
}
.memShip_pl{
	padding-left:25px;
}
.memShip_title{
	color:#c30e2e;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.memShip_titFocus{
	color:#000000;
	font-size:18px;
}
.memShip_listNum ul li{
	color:#000;
	font-size:16px;
	line-height:28px;
	letter-spacing: 0.5px;
	list-style:outside decimal none;
}
.memShip_listEng{
	margin-left: 40px;
}
.memShip_listEng ul li{
	color:#000;
	font-size:16px;
	line-height:28px;
	list-style:outside lower-alpha none;
}
.memShip_listNum,
.memShip_listEngNp{
	margin-left: 20px;
}
.memShip_listNum ul li a.line_color{
	color: #03c302;
}
.txtBg_yellow{
	background-color:#ffff00;
}
.txtBg_blueGn{
	background-color:#afeeee;
}
.AntiFraud_tips{
	color:#500050;
	font-size:16px;
	padding:10px 20px;
	margin:20px;
	background-color:#eeeeee;
}
.AntiFraud_tips p{
	margin:0;
}
.AntiFraud_tipsTit{
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
.AntiFraud_tipsTxt{
	line-height:18px;
	padding-bottom:10px;
}


/* resgister */
.memStep_list {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    position: relative;
    width: 50%;
}
.memStep_list ul {
    display: table-row;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.memStep_list ul li {
    display: table-cell;
    position: relative;
	text-align:center;
    z-index: 1;
}
.memStep_list ul li {
	color:#9fa0a0;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.memStep_list ul li .step_num {
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    width: 35px;
    height: 35px;
	margin-right:9px;
    line-height: 34px;
    text-align: center;
    background-color: #9fa0a0;
}
.memStep_list ul li.step_numAct{
	color:#595757;
}
.memStep_list ul li.step_numAct .step_num{
    background-color: #595757;
}
.memStep_list ul li i {
    color: #9fa0a0;
	font-size:30px;
	vertical-align: middle;
}
.memStep_list ul li.step_numAct i {
    color: #595757;
}

.reg_frame{
	border:1px solid #cec7b3;
}
.register{
	padding:45px 0;
	width:50%;
	margin:0 auto;
}

/* memberMain */
.redStart{
	color:#d50013;
}
.mem_main{
	padding:20px 40px;
	border:1px solid #c0c0c0;
}
.mem_table{
	width: 100%;
	display: table;
	border-collapse: collapse;
}
.mem_table .form-group{
	margin-bottom:0;
}
.mem_table .form-control{
	color:#000000;
	outline: none;
	font-size:16px;
	min-height: 44px;
	box-shadow:none;
	border-radius:0;
	background-color:#FFFFFF;
	border:1px solid #b7b7b7;
}
.form-control[readonly]{
	color:#222222;
	cursor:not-allowed;
	border:1px solid #b7b7b7;
	background-color:#FFFFFF;
}
.mem_table .form-control:-webkit-input-placeholder {
    color:    #acacac;
   opacity:  1;
}
.mem_table .form-control:-moz-placeholder {
   color:    #acacac;
   opacity:  1;
}
.mem_table .form-control:-ms-input-placeholder {
   color:    #acacac;
   opacity:  1;
}

.mem_table .form_date .form-control{
	border-right:0;
}
.mem_table .input-group-addon{
	border-radius:0;
	background-color:#FFFFFF;
	border-color:#b7b7b7;
}
.mem_table .thead{
	display:table-header-group;
}
.mem_table .tbody{
	display:table-row-group;
}
.mem_table .tr{
	display:table-row;
}
.mem_table .th,
.mem_table .td{
	display:table-cell;
	padding: 10px 0;
	color:#000000;
	font-size:16px;
}
.mem_table .th{
	width:18%;
	vertical-align: middle;
}
.mem_table .td{
	width:82%;
}
.mem_line{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
.mem_line2{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #d7d7d7;
}
.th.ver_top{
	vertical-align:top;
}

.verif ul li{
	float: left;
}
.verif ul li:first-child{
	width:50%;
}
.verif ul li:nth-child(2){
	width:22%;
	padding-top:5px;
}
.verif ul li:last-child{
	width:5%;
	padding-top:5px;
}

@media only screen and (max-width: 1100px) {
	.mem_main{
		padding:15px 30px;
	}
	.mem_table .th{
		width:20%;
	}
	.mem_table .td{
		width:80%;
	}
	.verif ul li:nth-child(2){
		width:25%;
	}
}
@media only screen and (max-width: 960px) {
	.mem_table{
		background-color: transparent;
	}
	.mem_table .tr{
		display:block;
		margin-bottom: 5px;
	}
	.mem_table .th,
	.mem_table .td{
		display:block;
		width: 100%;
		text-align:left;
		padding:5px 0;
	}
	.inqact{
		padding: 20px 15px;
	}
	.form-controlct02{
		width: 100%;
		margin-left: 0;
	}
	.form-ct02-text{
		left: 0;
	}
}
@media only screen and (max-width: 720px) {
	.mem_table .th,
	.mem_table .td{
		display:block;
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.mem_main{
		padding:15px;
	}
	.verif ul li:first-child{
		width:100%;
	}
	.verif ul li:nth-child(2){
		width:50%;
	}
	.verif ul li:last-child {
		width: 20%;
	}
}

.mem_sex{
	color:#9fa0a0;
	font-size:16px;
	cursor:pointer;
	padding:10px 10px 8px 10px;
	text-align:center;
	border:1px solid #9fa0a0;
}
.mem_sexClick{
	color:#ffffff;
	border-color:#598abe;
	background-color:#598abe;
}
.mem_listTbl{
	width: 100%;
	display: table;
	border-collapse:collapse;
}
.mem_listTbl .thead{
	display:table-header-group;
}
.borderTM{
	border-top:1px solid #cec7b3;
	border-bottom:1px solid #cec7b3;
}
.mem_listTbl .thead .th:after{
    position: relative;
	margin-top: -10px;
	content:"";
	display:inline-block;
	float:right;
	right:-10px;
	top:8px;
	width:1px;
	height:27px;
	background-color:#cec7b3;
}
.mem_listTbl .thead .th:last-child:after{
	width:0;
}
.mem_listTbl .tbody{
	display:table-row-group;
}
.mem_listTbl .tr{
	display:table-row;
}
.mem_listTbl .thead .th,
.mem_listTbl .tbody .td{
	color:#000000;
	font-size:16px;
	display:table-cell;
}
.mem_listTbl .thead .th{
	text-align: center;
	padding: 8px 10px 7px 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f0eee8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0eee8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f0eee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0eee8',GradientType=0 ); /* IE6-9 */
}
.mem_listTbl .tbody .td{
	cursor:pointer;
	text-align:center;
	vertical-align: middle;
	padding: 20px 10px 18px 10px;
	background-color:#ffffff;
	border-bottom:1px solid #c0c0c0;	
    font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}
.mem_listTbl .tbody .tr:hover .td{
	background-color:#fffae4;
}
.mem_listTbl .tbody .td a{
	text-decoration:none;
}
.noHover .tbody .tr:hover .td{
	cursor:default;
}
.mem_listTbl.down_tbl .thead .th:first-child{
	width:12%;
}
.mem_listTbl.down_tbl .tbody .td{
	padding: 15px 10px 13px 10px;
}
.mem_listTbl.down_tbl .tbody .td:nth-child(2){
	text-align:left;
}
.mem_listTbl.down_tbl .thead .th:last-child{
	width:20%;
}
@media only screen and (max-width: 992px) {
	.mem_listTbl{
		table-layout: fixed;
	}
	.condition{
		margin-left: 0px;
	}
}
@media only screen and (max-width: 600px) {
	.mem_listTbl .thead{
		display: none;
	}
	.mem_listTbl .tbody .tr{
		display:block;
		overflow:hidden;
		margin-bottom: 15px;
		border-bottom:none;
	}
	.mem_listTbl .thead .th,
	.mem_listTbl .tbody .td{
		display:block;
		width: 100%;
	}
	.mem_listTbl .tbody .td{
		text-align:right;
		margin-bottom:1px;
		background-color:#f8f8f8;
	}	
	.mem_listTbl .tbody .tr:hover .td,
	.noHover .tbody .tr:hover .td{
		background-color:#f8f8f8;
	}
	.mem_listTbl .tbody .td:before{
		position:relative;
		float:left;
		content: attr(data-title);
	}
	.mem_listTbl .td:last-child{
		border-bottom:none;
	}
	.mem_listTbl .btn_del{
		margin-right:0;
	}
	.mem_listTbl.down_tbl .tbody .td:nth-child(2) {
		text-align: right;
	}
	.nav_logo{
		width: 180px;
	}
}
@media only screen and (max-width: 480px) {
	.mem_listTbl .tbody .td:before{
		width:100%;
		float:none;
		display:block;
		text-align:left;
	}
	.mem_listTbl .tbody .td,
	.mem_listTbl.inq_tbl .tbody .td:nth-child(2),
	.mem_listTbl.inq_tbl .tbody .td:last-child,
	.mem_listTbl.down_tbl .tbody .td:nth-child(2){
		text-align:left;
	}
	.mem_listTbl .btn_del{
		margin-left:0;
	}
	.btn_delongCenter {
		margin-left:0;
	}
}



/* orderList */
.checkout_frame{
	width:65.5%;/*570px*/
	margin:50px 0 50px auto;
	position:relative;
	border:1px solid #de2525;
	background-color:#ffffff;
}
.chk_title{
	color:#de2525;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top:-16px;
	left:12px;
	padding-left:4px;
	padding-right:4px;
	background-color:#ffffff;
}
.chk_tbl{
	padding:15px 35px;
}
.chk_group{
	width:100%;
	display:table;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #cec7b3;
}
.chk_group:last-child{
	border-bottom:0;
}
.chk_group .chk_lt,
.chk_group .chk_rt{
	display:table-cell;
	font-size:16px;
}
.chk_lt{
	color:#000000;
	text-align:left;
}
.chk_rt{
	color:#de2525;
	text-align:right;
}


.otherList_frame{
	margin:10px 0 30px 0;
	border:1px solid #cec7b3;
}
/*.olist_tbl{
	padding:0 30px;
}*/
.olist_group{
	width:100%;
	display:table;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}
.olist_group:last-child{
	border-bottom:0;
}
.olist_group .olist_lt,
.olist_group .olist_rt{
	display:table-cell;
	text-align:left;
	font-size:16px;
}
.olist_lt{
	width:13%;
	color:#666666;
	font-weight:bold;
}
.olist_rt{
	color:#000000;
}
.olist_rt p{
	line-height:33px;
}
.olist_width{
	color:#666666;
	width:120px;
	display:inline-block;
}


/* coupon */
.mem_table.coupon_tbl .th{
	width:25%;
}
.coupon_tab{
	margin:20px 0;
}
.coupon_tab .nav-tabs > li{
	margin-left:-3px;
}
.coupon_tab .nav-tabs > li:first-child{
	margin-left:0;
}
.coupon_tab .nav-tabs > li.active > a,
.coupon_tab .nav-tabs > li.active > a:hover,
.coupon_tab .nav-tabs > li.active > a:focus{
	background-color:#ffffff;
	border-top:4px solid #de2525;
	border-left:1px solid #de2525;
	border-right:1px solid #de2525;
	border-bottom:0;
	z-index:1;
}
.coupon_tab .nav-tabs > li > a{
	color:#2d200f;
	padding:15px 25px;
	font-size:18px;
	border-radius:0;
	text-align:center;
	border-top:4px solid #9fa0a0;
	border-left:1px solid #9fa0a0;
	border-right:1px solid #9fa0a0;
	border-bottom:0;
	background-color:#f0f0f0;
	width:170px;
}
.coupon_tab .tab-content{
	padding:40px 0;
}


/* promotional_coupon
-----------------------------------------------------------------------------*/
.mem_coupon{
	display:table;
	width:85%;
	margin:0 auto;
}
.memCoupon_item{
	display:table-cell;
	vertical-align:middle;
}
.memCoupon_sum{
	color:#e94c5a;
	font-size:20px;
	font-weight:bold;
}
.memCoupon_num{
	font-size:50px;
	font-family:'FuturaMdBT_M';
}
.memCoupon_txt{
	color:#282828;
	font-size:16px;
}

/* orderList_detail
-----------------------------------------------------------------------------*/
.orderList_main{
	margin-bottom:30px;
}
.orderList_space{
	width:100%;
	height:10px;
	background-color:#eaeaea;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
}
.orderList_frame{
	padding-left:40px;
	padding-right:40px;
	border:1px solid #c0c0c0;
	background-color:#ffffff;
}
.orderList_frameTwo{
	padding:20px 40px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	background-color:#eaeaea;
}
.orderList_frame_noTop{
	border-top:0;
}
.orderList_proTbl{
	width:100%;
	display:table;
	border-collapse:collapse;
}
.olProTbl_tr{
	display:table-row;
}
.olProTbl_trLine:before{
	content:"";
	width:100%;
	height:1px;
	background-color:#c0c0c0;
}
.cart_itemCancel{
	position:absolute;
	right:0;
	top:26px;
	content:"";
	background-image:url(../tw_images/icon/cart_itemCancel.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}
.cart_itemCancel i{
	position:absolute;
	right:0;
	top:0;
	color:#aba287;
	font-size:22px;
}
.olProTbl_td{
	padding: 25px 0;
	display:table-cell;
	vertical-align:middle;
	padding-left:25px;
}

@media (max-width:991px){
	.olProTbl_td{
		padding-left:0;
	}
}

.cartTbl_oneTd{
	position:relative;
}
.cartTbl_oneTdHs{
	display:none;
}
.olProTbl_tdImg{
	width:195px;
}
.olProTbl_td:last-child{
	text-align:right;
	vertical-align:bottom;
}
.olproTbl_line{
	border-bottom:1px solid #cec7b3;
}
.olproTbl_lineTop{
	border-top:1px solid #cec7b3;
}
.olpt_itemNum{
	color:#877e63;
	font-size:16px;
}
.olpt_itemName{
	color:#000000;
	font-size:24px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
}
.olpt_itemTxt{
	color:#000000;
	font-size:16px;
	line-height:26px;
}
.olpt_select select{
	width:200px;
	height:44px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #b7b7b7;
}
.olpt_itemOffer{
	color:#282828;
	font-size:16px;
}
.cart_itemOffer{
	display:block;
	width:100%;
	padding-top:0;
	padding-bottom: 15px;
}
.olpt_itemCheck{
	color:#0066d9;
	margin-right:5px;
}
.olpt_itemCheck i{
	font-size:20px;
	margin-right:5px;
}
.olpt_itemPrice{
	color: #de2525;
	font-size: 25px;
	font-family: 'FuturaMdBT_M', 'Microsoft JhengHei';
	letter-spacing: 3px;
}
.olpt_itemOriginalPrice{
	color: #3e3a39;
	font-size: 17px;
	font-family: 'FuturaBT_L';
	text-decoration: line-through;
}

.orderList_discountTbl{
	width:100%;
	display:table;
	border-collapse:collapse;
}
.olDisTbl_tr{
	display:table-row;
}
.olDisTbl_td{
	padding: 15px 0;
	display:table-cell;
	vertical-align:top;
}
.olDisTbl_td:last-child{
	text-align:right;
}
.oldt_titBor,
.oldt_titBorNone{
	font-size:16px;
	margin-top:5px;
	margin-right:10px;
	display: inline-block;
	padding:4px 6px 0 6px;
}
.oldt_titBor{
	color:#0066d9;
	border:1px solid #0066d9;
}
.oldt_titBorNone{
	color:#877e63;
	border:1px solid #877e63;
}
.oldt_titBor i,
.oldt_titBorNone i{
	margin-right:5px;
	font-size:20px;
}
.oldt_title{
	color:#282828;
	font-size:16px;
	line-height:30px;
}
.oldt_txt{
	color:#877e63;
	font-size:16px;
	line-height:22px;
	padding-top:15px;
}
.oldt_itemPrice{
	color:#096bda;
	font-size:16px;
}
.oldt_ipBig{
	font-size:24px;
	margin-left:5px;
	margin-right:5px;
	font-family:'FuturaMdBT_M';
}

.olfm_title{
	color:#d80c27;
	font-size:24px;
	font-weight:bold;
}
.olfm_titleBlue{
	color:#70a9e9;
	font-size:24px;
	font-weight:bold;
}
.olfm_titleTwo{
	color:#666666;
	font-size:24px;
	font-weight:bold;
}
.olfm_txt{
	color:#222222;
	font-size:16px;
	line-height:30px;
}

.orderList_checkoutTbl{
	width:500px;
	margin:0 0 0 auto;
	display:table;
	border-collapse:collapse;
}
.olChkTbl_tr{
	display:table-row;
}
.olChkTbl_td{
	color:#282828;
	font-size:16px;
	padding: 2.5px 0;
	display:table-cell;
	vertical-align:middle;
}
.olChkTbl_td:last-child{
	text-align:right;
}
.olchk_ipBig{
	font-size:24px;
	font-family:'FuturaMdBT_M';
}
.lochk_line{
	margin-bottom: 10px;
    padding-bottom: 10px;
	border-bottom:1px solid #d7d7d7;
}
.lochk_line2{
	margin-bottom: 10px;
    padding-bottom: 10px;
	border-bottom:1px solid #a0a0a0;
}
.olchk_colorBlue{
	color:#0066d9;
}
.olchk_colorRose{
	color:#de2525;
}
.cart_btnWR{
	width:172px;
	margin-right:0;
	margin-left:auto;
	vertical-align:middle;
}
.remark{
	padding:15px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color:#847a5c;
}

/* qa
-----------------------------------------------------------------------------*/
.qa_title{
	color:#000000;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:20px;
	padding:15px 10px 13px 25px;
	background-color:#fffae4;
	border-left:12px solid #ffb520;
}
.qa_title.fontWNor{
	font-weight:normal;
}
.qa_main{
	font-size:16px;
	line-height:28px;
}
.qa_txt{
	color:#010101;
}
.qa_buTxt{
	color:#0066d9;
	font-weight:bold;
}
.qa_roseTxt{
	color:#de2525;
	font-weight:bold;
}
.qa_list{
	padding-bottom:20px;
}
.qa_list ul{
	margin-left: 22px;
	list-style:outside decimal none;
}
.qa_list ul li{
	color:#010101;
	font-size:16px;
	padding-bottom:5px;
}

/* product
-----------------------------------------------------------------------------*/
.pro_list{
	margin-left: -10px;
    margin-right: -10px;
}
.pro_item{
	border: 1px solid #fff;
    margin: 5px 1% 30px 1%;
    padding: 12px 10px;
    position: relative;
    z-index: 1;
	float:left;
	width:31.333%;
}
.pro_item:hover{
	border-color:#ffccd1;
}
.pro_item .owl_img{
	width:100%;
}
.pro_item:hover .hotpd_overly{
	opacity:1;
}
.slider_name{
	color:#211715;
	font-size:16px;
	height: 50px;
    margin-bottom: 15px;
}
.slider_price{
	color:#211715;
	font-size:16px;
	text-align:center;
}
.slider_priceB{
	color:#de2525;
	font-size:22px;
	font-family: 'FuturaMdBT_M';
}
@media screen and (max-width:480px){
	.pro_list{
		margin-left: 0;
		margin-right: 0;
	}
	.pro_item{
		width:48%;
	}
}
@media screen and (max-width:375px){
	.pro_item{
		width:100%;		
		margin-left: 0;
		margin-right: 0;
	}
}

/* cart
-----------------------------------------------------------------------------*/
.cart_list {
    width: 92.5%;
    margin: 0 auto;
	padding-bottom:10px;
}
.cartList_txt{
	color:#000000;
	font-size:16px;
	line-height:26px;
}
.cartList_txt a{
	color:#0066d9;
	text-decoration:none;
}
.cart_list ul li{
	color:#000000;
	font-size:16px;
	line-height:26px;
	display: flex;
}
.cart_list ul li:before{
	content:"★";
	margin-right:10px;
}
.cart_list ul li.rose_txt,
.cart_list ul li.rose_txt:before{
	color:#de2525;
}
.cart_step{
	padding-top:10px;
	padding-bottom:20px;
}
.cart_imgHS{
	display:none;
}
.cart_payList{
	border:1px solid #cec7b3;
}
.cart_payItem{
	color:#000000;
	font-size:16px;
	padding:20px 30px;
	background-color:#eaeaea;
	border-bottom:1px solid #c0c0c0;
}
.cart_payItem:last-child{
	border-bottom:0;
}
.cart_payItem:hover{
	cursor:pointer;
	color:#ffffff;
	background-color:#777777;
}
.cart_payItem i{
	color:#ECECEC;
	font-size: 18px;
	margin-right:15px;
	width: 18px;
}
.cart_payItem:hover i{
	color:#ffffff;
}
.cart_payItem_act i,
.cart_payItem_act:hover i{
	color:#ffffff;
}
.cart_table{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
}
.cart_checkList{
	display:table;
	width:100%;
	margin-bottom:15px;
	border-bottom:1px solid #cec7b3;
}
.cart_checkListdot{
	display:table;
	width:100%;
	margin-bottom:15px;
	border-bottom:1px dotted #cec7b3;
}
.cartChl_group{
	padding:10px 0;
	display:table-cell;
}
.cartChl_group:first-child{
	width:25.5%;
}
input[type=checkbox].cart_checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].cart_checkbox + label.cart_label {
	color:#2d200f;
	font-size:16px;
	font-weight:bold;
	padding-left:29px;
	height:19px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].cart_checkbox:checked + label.cart_label {
	background-position: 0 -19px;
}
label.cart_label {
	background-image:url(../tw_images/icon/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cart_radioList {
	border-top: 1px dashed #c0c0c0;
	margin-top: 20px;
}

	.cart_radioList .radio_group {
		margin-top: 20px;
	}

.radio_group .phone_box {
	float: left;
}

.cart_radioList .phone_input {
	border: 1px solid #e5e5e5;
	margin-left: 20px;
	min-height: 30px;
	width: 95%;
}

.phone_inputbox {
	display: grid;
}

	.phone_inputbox p {
		font-size: 16px;
		color: #c11212;
		margin-left: 20px;
		margin-top: 10px;
	}

.pick_box {
	border-top: 1px dashed #c0c0c0;
}

.store_button button {
	background-color: #7a7a7a;
	border-radius: 0px;
	color: #fff;
	padding: 8px 15px;
	border: 0px;
}

input[type=radio].cart_radio {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

	input[type=radio].cart_radio + label.cart_label {
		color: #2d200f;
		font-size: 16px;
		font-weight: bold;
		padding-left: 29px;
		height: 19px;
		display: inline-block;
		line-height: 21px;
		background-repeat: no-repeat;
		background-position: 0 0;
		vertical-align: middle;
		cursor: pointer;
	}

	input[type=radio].cart_radio:checked + label.cart_label {
		background-position: 0 -19px;
	}
@media screen and (min-width: 601px) and (max-width: 670px) {
	.cart_tbl .thead .th:nth-child(2){
		width:25%;
	}
}

/* additional purchase price
-----------------------------------------------------------------------------*/
.addPurchasePrice{
	margin-top:10px;
}
.addPurchasePrice .pro_item{
	border-color:#cccccc;
	width:19%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:20px;
}
.addPurchasePrice .slider_name{
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:0;
}
.addPuPr_item{
	margin-top:10px;
}
.addPuPr_select{
	width:100%;
	border-radius:0;
}
a.addPuPr_btn{
	color: #fff;
	display: block;
	font-size: 15px;
	text-align: center;
	margin: 0 auto;
	padding: 8px 10px;
	background-color: #598abe;
	text-decoration: none;
}
@media screen and (max-width: 992px) {
	.addPurchasePrice .pro_item{
		width:23%;
		margin-left:1%;
		margin-right:1%;
	}
}
@media screen and (max-width: 767px) {
	.addPurchasePrice .pro_item{
		width:31.333%;
	}
}
@media screen and (max-width: 600px) {
	.addPurchasePrice .pro_item{
		width:48%;
	}
}
@media screen and (max-width: 414px) {
	.addPurchasePrice .pro_item{
		width:98%;
		margin-bottom:15px;
	}
	.addPurchasePrice .slider_name,
	.addPurchasePrice .slider_price{
		text-align:left;
	}
	.addPuPr_rangeGroup{
		display:table;
		width:100%;
	}
	.addPuPrRanGroup_itemL,
	.addPuPrRanGroup_itemR{
		display:table-cell;
		vertical-align:middle;
	}
	.addPuPrRanGroup_itemL{
		width:30%;
	}
	.addPuPrRanGroup_itemR{
		width:65%;
		padding-left:5%;
	}
}


/* qa
-----------------------------------------------------------------------------*/
.qa{
}
.qa_group{
	margin-bottom:30px;
}
.qa_qes,
.qa_ans{
	padding:5px 10px;
	font-size:16px;
	line-height:25px;
	border:1px solid #000;
}
.qa_qes{
	color:#0033cc;
}
.qa_ans{
	color:#2d200f;
	text-align:justify;
	border-top:0;
}


/* mediaReports
-----------------------------------------------------------------------------*/
.media_video{
	padding:35px 75px;
	background-color:#f2f2f2;
}
.media_video .carousel-control.left,
.media_video .carousel-control.right {
  background: none;
  border: none;
  text-shadow:none;
  opacity: 1;
  top:calc(50% - 19.5px);
}
.media_video .carousel-control.left {
  margin-left: -50px;
}
.media_video .carousel-control.left .glyphicon-play {
  -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.media_video .carousel-control.right {
  margin-right: -10px;
}
.media_video .carousel-control {
  width: 0%;
  top: 0;
}
.media_video .glyphicon {
  color: #ffffff;
  font-size: 40px;
  line-height:39px;
}

.media_picTxtList{
}
.media_ptListGroup{
	display:table;
	width:100%;
	border:0;
	table-layout:fixed;
	padding-bottom:50px;
}
.media_ptListLt,
.media_ptListRt{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
.media_ptListLt{
	width:55%;/*555px*/
}
.media_ptListLt img{
	width:100%;
}
.media_ptListRt{
	width:45%;/*469px*/
	padding-left:30px;
}
.media_title{
	color:#595757;
	font-size:27px;
	letter-spacing:2.04px;
	padding-top:5px;
}
.media_subTit{
	color:#9fa0a0;
	font-size:17px;
	padding:10px 0;
	letter-spacing:2.04px;
}
.media_txt{
	color:#595757;
	font-size:17px;
	line-height:29px;
	text-align:justify;
	letter-spacing:2.04px;
	padding-bottom:60px;
    font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}
.media_more{
	display:inline-block;
	width:135px;
	position:absolute;
	bottom:0;
}
.media_more a{
	color:#ffffff;
	font-size:17px;
	display:block;
	padding: 6px 5px 5px 5px;
	text-align:center;
	text-decoration:none;
	background-color:#9fa0a0;
}


/* footer
-----------------------------------------------------------------------------*/
.footer{
	padding:20px 15px 60px 15px;
	/*background-color:#dcdcdc;	*/
    font-family: 'FuturaBT_Book', 'Microsoft JhengHei';
}
.ft_cont{
	color:#535353;
	margin-right: auto;
	margin-left: auto;
	max-width:885px;
}
.ftCont_group,
.ft_info{
	display:table;
	width:100%;
	table-layout:fixed;
}
.ftCont_itemLt,
.ftCont_itemRt,
.ftInfo_item{
	display:table-cell;
	vertical-align:bottom;
}
.ftCont_itemLt,
.ftInfo_item{
	text-align:left;
}
.ftCont_itemLt{
	width:55%;
}
.ftCont_itemRt{
	text-align:right;
	font-size:20px;
	line-height:26px;
	letter-spacing:0.6px;
	padding-bottom: 1px;
}
.ft_logo{
	width:175px;
	padding-bottom:20px;
}
.ftInfo_item{
	font-size:20px;
	line-height: 24px;
	letter-spacing:0.7px;
	vertical-align:middle;
}
.ftInfo_item:first-child{
	width:80px;
	padding-right:12px;
}
.ftInfo_item a{
	color:#535353;
	font-size:24px;
	text-decoration:none;
	font-family: 'FuturaBT_L';
}
.ftCont_ink{
	display:block;
}
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 8.22px 12.5px;    
    font-size: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(0,0,0,0.5);
    color: white;
    cursor: pointer;
	z-index:99;
}
#gotop i{
	vertical-align:2px;
}



/* media query
-----------------------------------------------------------------------------*/
@media screen and (max-width:1054px){
	.hdMenu ul.hdMenuL li a{
		padding-left:5px;
		padding-right:5px;
	}
	.mem_coupon {
		width: 100%;
	}
}

@media screen and (max-width:992px){
	.idxVideo_frame{
		margin: 30px 15px;
		padding-top: 30px;
		padding-bottom:30px;
	}
	.idx_video:after{
		height:calc(100% - 71px);
	}
	.idx_video #myCarousel {
		margin-bottom:40px;
	}
	.idx_video .carousel-control.left {
		margin-left: -52px;
	}
	.idx_video .carousel-control.right {
		margin-right: -12px;
	}
	a.slide-menu-open{
		display:block;
	}
	.hd_top{
		padding-top: 18px;
		padding-bottom:16px;
	}
	/*.hdTop_list,
	.hd_mainMenu{
		display:none;
	}*/
	.page_bread {
		padding-top: 20px;
	}
	.prodFM_blockL{
		width:36%;
	}
	.prodFM_blockR{
		width: 38%;
	}
	#PDFM_tabs .nav-tabs {
		margin-bottom: 20px;
	}
	.olProTbl_td,
	.olProTbl_tdImg,
	.olProTbl_td:last-child{
		display:block;
		width:100%;
		text-align:center;
	}
	.olProTbl_tdImg img{
		margin-left:auto;
		margin-right:auto;
	}
	.olProTbl_td:nth-child(2){
		padding:0;
	}
	.olDisTbl_td:last-child{
		width:30%;
	}
	.olDisTbl_td.cart_btnWR:last-child{
		width:40%;
	}
	.orderList_checkoutTbl{
		width:100%;
	}
	.olpt_itemOffer{
		padding-top:0;
	}
	.cart_itemOffer{
		text-align:center;
	}
	.olist_width{
		width:100%;
		display:block;
	}
	.cartTbl_oneTd .cart_itemCancel{
		display:none;
	}
	.cartTbl_oneTdHs{
		display:block;
		position:relative;
	}	
	.mem_table.coupon_tbl .th,
	.mem_table.coupon_tbl .td {
		width: 100%;
		display: block;
	}
	.memCoupon_item {
		display: block;
		width: 100%;
		text-align: center;
	}
	.cart_table{
		width:90%;
	}
	.hdMenu ul.hdMenuL li a{
		font-size: 12px;
	}
	#head_nav{
		display: none;
	}
	.hdMenuL_c{
		justify-content: space-around;
	}
	.nav_logo{
		margin: -15px auto 5px 0;
		height: 40px;
	}
	.cole-delete{
	    padding: 0;
	    top: 10px;
	    right: 20px;
	}
}

@media screen and (max-width:900px){
	.idxHotpd_title{
		font-size: 18px;
		padding-top: 20px;
	}
	.idxHotpd_price{ 
    	font-size: 16px;
	}	
	.idx_video .carousel-control.left {
		margin-left: -47px;
	}
	.idx_video .carousel-control.right {
		margin-right: -7px;
	}
	.ft_logo{
		width: 40%;
		margin-left:auto;
		margin-right:auto;
	}
	.ft_logo img{
		padding-left: 33px;
		margin-left:auto;
		margin-right:auto;
	}
	.ftCont_itemLt, .ftCont_itemRt, .ftInfo_item{
		display:block;
		width:100%;
		line-height: 32px;
		text-align: center;
	}
	.ftInfo_item:first-child {
		width: 45px;
		padding-right: 0;
		padding-bottom: 10px;
		margin-left:auto;
		margin-right:auto;
	}
	.ftCont_ink {
		display: inline-block;
	}
	.footer {
		/*padding-top: 5px;*/
		padding-bottom: 20px;
	}
	.ftCont_itemRt {
		padding-top: 10px;
	}
}

@media screen and (max-width:767px){
	#showhide{
		display:none;
	}
	#hideshow{
		display:block;
	}
	#sh-ink{
		display:none;
	}
	#hs-ink{
		display:inline-block;
	}
	.rwd-img{
		margin:0 auto;
	}
	.idxVideo_frame {
		padding-left: 5px;
		padding-right: 5px;
		border: 4px solid #c9caca;
	}
	.idx_video .carousel-control.left {
		margin-left: -40px;
	}
	.idx_video .carousel-control.right {
		margin-right: -4px;
	}
	.idx_video .carousel-control.left,
	.idx_video .carousel-control.right {
		top: calc(50% - 15px);
	}
	.idx_video .glyphicon {
		color: #ffffff;
		font-size: 35px;
		line-height: 34.5px;
	}	
	.idx_hotpd ul li {
		margin-bottom:20px;
	}
	.pro_word{
		padding-top:35px;
		padding-bottom:35px;
	}
	.page_cont{
		padding-left:15px;
		padding-right:15px;
	}
	.prod_nav{
		display: none;
	}
	.PDFM_addLove{
		width: 100%;
	}
	.prodFM_blockL,
	.prodFM_blockR{
		width: 100%;
		float:none;
	}
	.prodFM_blockL{
		margin-bottom:20px;
	}
	.prodFM_blockL img{
		margin:0 auto;
		width:100%;
	}
	.PDFM_buyBtn ul {
		margin-right: -2.5%;
	}
	.PDFM_buyBtn ul li{
		width: 47.5%;
		margin-right: 2.5%;
	}
	.size_select,
	.number-spinner,
	.PDFM_addCartBtn{
    	width: 100%;
	}
	.login_lt {
		padding-right: 15px;
	}
	.login_rt {
		margin-top: 5px;
		padding-left: 15px;
	}
	.login_lt:after {
		display:none;
		width: 0;
	}
	.login_respl{
		padding-left:5px;
	}
	.loging_hs{
		display:inline-block;
	}
	.loging_sh{
		display:none;
	}
	.login_title,
	.login_subTitle,
	.login_txt{
		text-align:center;
	}
	.fb_btn{
		margin-left:auto;
		margin-right:auto;
	}
	.cartChl_group:first-child {
		width: 30%;
	}
	.pgNumberBar {
		text-align: center;
	}
	.media_video{
		padding: 20px 55px;
	}
	.media_video .carousel-control.left,
	.media_video .carousel-control.right{
		width:40px;
	}
	.media_video .carousel-control.left {
		margin-left: -45px;
	}
	.media_video .carousel-control.right{
		margin-right: -45px;
	}
	/*.media_video .glyphicon{
		font-size:25px;
	}*/
	.media_picTxtList{
		padding-left:75px;
		padding-right:75px;
	}
	.media_ptListLt,
	.media_ptListRt{
		display:block;
		width:100%;
	}
	.media_ptListRt{
		padding-left:0;
	}
	.navbar-toggler{
		display: none;
	}
	#head_nav{
	    position: absolute;
	    top: 68px;
	    /*bottom: -110px;*/
	    left: 0;
	    width: 100%;
	    background-color: #fff;
	    z-index: 100;
	}
	#head_nav li {
		font-size: 16px;
		margin: 10px 0;
	}
	.page_bread{
		margin-left: 15px;
	}
	.detail_nav_title{
		font-size: 20px;
		margin-left: 15px;
	}
	.detail_date{
		margin-left: 15px;
	}
	.detail-content{
		display: inline-block;
	}
	.detail-img{
		width: 100%;
	}
	.detail-text{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom:20px;
	}
	.detail_text{
		margin-left: 25px;
    	margin-right: 25px;
	}
	.separate{
		display: none;
	}
	.hdMenuL_c{
		justify-content: space-around;
	}
	.hdMenu {
	    text-align: center;
	    padding-top: 10px;
	     padding-bottom: 0px; 
	}
	.nav_logo{
		margin: -10px auto 0 20px;
		height: 40px;
	}
	.hdMenu{
		padding-bottom: 15px;
	}
	.colle-favorite{
		padding: 0px 0px 15px 0px;
	}
}

@media screen and (max-width:667px){
	.idxTitle_line::before,
	.idxTitle_line::after {
		display:none;
	}
	.idx_titleBold {
		padding-right: 0;
		display: block;
	}
	.idxVideo_frame {
		border: 0;
		margin: 25px 0;
		padding: 0 0 30px 0;
		background-color: #f2f2f2;
	}
	.idx_video::after{
		display:none;
	}
	.idx_video #myCarousel {
		margin-bottom: 0;
    	width: 80%;
	}
	.proVideo_frame{
		padding:20px;
	}
	.idx_hotpd ul li {
		width: 30.83%;
	}
	.openMenu_hide{
		display:none;
	}
	a.slide-menu-open i {
		margin-left:5.2px;
		margin-right:5.2px;
	}
	.login_subTitle{
		text-align:left;
	}
	.ftInfo_item{
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 1px;
	}
	.ftInfo_item a{
		font-size: 20px;
	}
	.ftCont_itemRt {
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0.5px;
		padding-bottom: 0;
	}
	.media_picTxtList{
		padding-left:15px;
		padding-right:15px;
	}
}

@media screen and (max-width:600px){
	.cart_table {
		width: 98%;
	}
	.cartChl_group,
	.cartChl_group:first-child {
		display: block;
		width: 100%;
	}
	.cartChl_group .btn_deNormal{
		margin: 0;
	}
	.pro_pageNum,
	.pageSortBy{
		display:block;
	}
	.pgNumberBar {
    	padding-top: 15px;
	}
	.pro_pageNum {
		border-right: 0;
		padding-right: 0;
		padding-bottom:10px;
	}
	.pageSortBy,
	.pageSortBy li:first-child {
		padding-left: 0;
	}
	
	#head_nav{
	    position: absolute;
	    top: 32px;
	    /*bottom: -110px;*/
	    left: 0;
	    width: 100%;
	    background-color: #fff;
	    z-index: 100;
	}
	.hdMenuL{
		position: relative;
	}
	.ft_link{
		display: block;
	}
	.card_icon img{
		width: 120px;
		height: 120px;
	}
	.card {
	    display: inline-block;
	    width: 45%;
	}
	.owl-nav{
		top: 30%;
	}
	.owl-prev{
		left: -25px;
	}
	.owl-next{
		right: -25px;
	}
	.idx_bnr_img{
		width: 100%;
	}
	.idx_bnr_show{
		display: none;
	}
	.idx_bnr_hot{
		background-image: none;
		height: 100px;
		background-repeat: no-repeat;
		background-size: contain;
		padding:0;
		margin:0;
	}
	.idx_bnr_hot img{
		height: 100%;
	}
	.idxTitle_c_l {
		width: 100%;
		position: absolute;
		/*top: 46%;*/
		font-size: 16px;
		left: 0;
		color: white;
	}
	.idxTitle_c {
		color: white;
	}
	.new_card{
		width: 48%;
	}
	.detail_nav_title{
		font-size: 14px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.detail_date{
		margin-left: 15px;
	}
}

@media screen and (max-width:565px){
	.qes_hs{
		display:block;
	}
	.qes_sh{
		display:none;
	}
	.olDisTbl_td{
		display:block;
		width:100%;
	}
	.olDisTbl_td.cart_btnWR:last-child{
		display:block;
		width:100%;
		margin-top:10px;
	}
	.olDisTbl_td:last-child {
		width:100%;
		padding-top:0;
	}
	.olDisTbl_tr .olDisTbl_td:first-child {
		padding-bottom:0;
	}
	.cart_imgSH{
		display:none;
	}
	.cart_imgHS{
		display:block;
	}
}

@media screen and (max-width:480px){
	.idxBnrHalf_lt, .idxBnrHalf_rt {
		width: 100%;
		float:none;
	}
	.idx_hotpd{
		padding:25px 0;
	}
	.idx_hotpd ul li {
		width: 47.5%;
	}
	.card_icon img{
		width: 120px;
		height: 120px;
	}
	.card {
	    display: inline-block;
	    width: 80%;
	    height: 240px;
	}
	.prodFM_name{
		font-size: 24px;
	}
	.prodFM_discoutTit,
	.PDFM_sizePop a,
	.PDFM_tabsTxt,
	.prod_tabList li {
		font-size: 14px;
		line-height: 25px;
	}
	.prodFM_salePrice {
		font-size: 21px;
	}
	.prodFM_originalPrice{
		font-size: 14px;
		padding-left: 30px;
	}
	.PDFM_colorTxt,
	.size_select select,
	.number-spinner input,
	.PDFM_addCartBtn a,
	#PDFM_tabs .nav-tabs > li > a{
		font-size:15px;
	}
	.PDFMSizePop_icon{
		width:20px;
		height:20px;
	}
	.orderList_frame, .orderList_frameTwo {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width:414px){
	.logo{
		margin-left:25%;
	}
	a.slide-menu-open{
		margin-top:16px;
	}
	.idx_video .carousel-control.left {
		margin-left: -33px;
	}
	.idx_video .carousel-control.right {
		margin-right: -3px;
	}
	.idx_video .carousel-control.left,
	.idx_video .carousel-control.right {
		top: calc(50% - 15px);
	}
	.idx_video .glyphicon,
	.media_video .glyphicon {
		color: #ffffff;
		font-size: 30px;
		line-height: 29.5px;
	}
	.media_video {
		padding-left:40px;
		padding-right:40px;
	}
	.media_video .carousel-control.left {
		margin-left: -40px;
	}
	.media_video .carousel-control.right {
		margin-right: -40px;
	}
	.coupon_tab .nav-tabs > li {
		width: 50%;
	}
	.coupon_tab .nav-tabs > li > a{
		width: 100%;
	}	
	.srhIcon_txt {
		font-size: 15px;
	}
	.prodTbl_tbCell > p {
		padding:0;
	}
	.ftInfo_item a {
		display: block;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:375px){
	.logo{
		margin-left:18%;
	}
	.idxHotpd_title {
		font-size: 16px;
	}
	.nav-tabs > li{
		width: 33.333%;
		text-align: center;
	}
	#PDFM_tabs .nav-tabs > li > a::after {
		position: absolute;
		right: -9px;
		top: 0;
	}
	.new_card{
		width: 100%;
	}
}

@media screen and (max-width:320px){
	.logo{
		background-size: 74%;
    	margin-left: 45px;
	}
	.idx_video .carousel-control.left {
		margin-left: -30px;
	}
	.idx_video .carousel-control.right {
		margin-right: 0;
	}
	.fb_btn {
		width: 100%;
	}
	.mem_table .form-group > div{
		width:100%;
	}
}

@media screen and (max-width:767px) {
	.blogContent {
		padding: 0 15px;
	}
}


/*-------210809--------*/
.idx_bnr a,
.idx_bnr + div > a {
	color: #6d6d6e;
	text-decoration: none;
}


@media (max-width:600px) {
	img.natureImg04 {
		min-height: 150px;
	}
}

@media (max-width:480px) {
	.idxTitle_c,
	.idxTitle_c_l {
		font-size: 26px;
	}

	.idxTitle_c_l {
		margin-top: -15px;
	}

	.idxTitle_c {
		top: 42px;
	}
}

/* 2021/08/10 junwei */
.flex-container {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

	.flex-container li {
		width: 30%;
	}

@media screen and (min-width:576px) {
	.ps-sub-title {
		display: none;
	}

	.dfn-min-576 {
		display: none;
	}

	.carousel-p {
		display: none;
	}
}

.carousel-p {
	position: absolute;
	left: 10%;
	bottom: 25%;
	font-size: 26px;
	font-family: Microsoft JhengHei;
	font-weight: 600;
	color: #FFF;
}

	.carousel-p.sub {
		bottom: 15%;
	}

.carousel-inner .item .img-responsive.mobile {
	display: none;
}

.obj-ps-80 {
	object-position: 80%;
}

.obj-ps-0 {
	object-position: 0%;
}

.obj-ps-20 {
	object-position: 20%;
}

.obj-ps-10 {
	object-position: 10%;
}

.ps-my-25 {
	margin: 25px 0;
}

.text-center {
	text-align: center;
}

.ps-mb-5 {
	margin-bottom: 5px;
}

.item-pic {
	width: 50%;
}

.flex-container-item {
	display: flex;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width:576px) {
	.item-content {
		width: 26%;
		text-align: center;
		color: #B7B7B7;
		font-size: 16px;
		font-weight: 600;
	}

	.item-pic {
		width: 100%;
	}

	.flex-container {
		flex-direction: column;
	}

		.flex-container li {
			width: 100%;
		}

	.ps-sub-title {
		font-size: 20px;
		display: inline;
		font-family: Microsoft JhengHei;
		font-weight: 600;
		position: relative;
		color: #535353;
	}

		.ps-sub-title::before {
			content: '';
			position: absolute;
			top: 46%;
			left: 0;
			width: 100%;
			height: 42%;
			background-color: #E2EDF3;
			opacity: 0.7;
			z-index: -1;
			border-radius: 24px;
			transform: rotate( -2deg );
		}

	.img-container {
		position: relative;
		height: 400px;
		max-height: 400px;
	}

		.img-container img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.img-container p {
			position: absolute;
			bottom: 10%;
			left: 50%;
			transform: translateX(-50%);
			font-family: Microsoft JhengHei;
		}

	.dfn-max-576 {
		display: none;
	}

	.carousel-inner {
		height: 400px;
		min-height: 400px;
	}

		.carousel-inner .item {
			height: 100%;
		}

			.carousel-inner .item .img-responsive.pc {
				display: none;
			}

			.carousel-inner .item .img-responsive.mobile {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
}


.fsz-22 {
	font-size: 22px;
}

.fsz-20 {
	font-size: 20px;
}

.let-sp-3 {
	letter-spacing: 3px;
	color: #B7B7B7;
}