/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */





*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
}

html{ 
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}

body{
		background-color:#FFF;
}


/* DeskTop First 桌機版優先~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#WRAPPER{
	   /*width:1200px;*/
		margin:0 auto;
		box-shadow:1px 1px 3px #333333;
		overflow:hidden;
	}

#HEADER{
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */


	height:60px;
	padding-left:20px;
	
	}
	#HEADER h1{
		float:left;
		display:block;
		overflow:hidden;
		}
	.HEADER_TXT{
		float:right;
		padding:0 10px 0;
		line-height:50px;
		width:100px;
		display:block;
		}
		
	#BANNER{
		width:100%;
		height:auto;
		}
	
	#BANNER  h1{
		
		width:100%;
		height:0;
		padding-bottom:16.5%;
		background:url(../images/BANNER.jpg) ;
		background-size:cover;
		border-bottom:1px solid #666;
		box-shadow:0 1px 6px #666;
				}
    #BANNER2{
		display:none;
		}
	
	#ARTICLE{
		font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
		width:100%;
		padding:3%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		min-height:500px;
		}
		
	.STORE_INFO{padding:20px;}
	.STORE_INFO li{line-height:1.6; font-size:0.85rem;}
		
	 .BOX1{width:100%;overflow:hidden;}
	 .BOX1 ul{
		width:96%;
		margin:0 auto;
		overflow:hidden;
		border-bottom: 2px solid #CCC;
		padding:0;
		}
	 .BOX1 ul li{
		 text-align:center;
		 margin:0 auto;
		 display:block;
		 margin:0 auto; 
		 padding:10px;
		 width:12%;
		 float:left;
		 -webkit-box-sizing:border-box;
		box-sizing:border-box;
		font-size:0.95rem;
		 }
		
	 .BOX1 .PRD_LIST{
		 border-bottom: 1px solid #ededed;
		 }
	 .BOX1 .PRD_LIST li{
	height: 120px;
	min-height: 100px;
	background: #FFF;
	line-height: 50px;
		
	    }
		
	.BOX1 .PRD_LIST li img{
		max-width:100px;
		height:auto;
	
		}
		
	.PRD_NAME p{
	     line-height:1.2;
		overflow:hidden;
		font-weight:bold;
		}
		
	.BOX2{
		display:none;
		}
		
	 /*.CHECK_BOX{
		 height:24px;
		 width:24px;
		 }*/
		 
	.UNI_PRICE{
		color:#333;
		}
	.SUB_TOTAL{
		color:#F00;
		font-weight:bold;
		}
		
	.TOTAL_PRICE{
		color:#F00;
		font-weight:bold;
		margin-top:10px;
		height:50px;
		padding:10px;
		font-style:italic;
		border-radius:3px;
		color:#FFF;
		background: rgb(255,48,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */



		}
		

		
	#TOTAL{
		width:100%;
		height:auto;
		}
	#TOTAL ol{
		float:right;
		padding-right:5%;
		 -webkit-box-sizing:border-box;
		box-sizing:border-box;
		}
		
	#TOTAL ol li{
		line-height:1.6;
		font-size:0.95rem;
		}
		
	#BUY_SELECT{
		clear:both;
		width:100%;
			}
	.BUY_BTN{
		width:70%;
		margin: 0 auto;
		float:right;
		
		}
	.BUY_BTN2{
		width:150px;
		margin: 0px auto;
		
	}
	.BUY_BTN3{
		width:60%;
		margin: 0 auto;
		float:right;
		
		}
	.BUY_BTN  li, .BUY_BTN2  li, .BUY_BTN3 li{
		float:left;
		text-align:center;
		line-height:2.5;
		height:50px;
		margin-right:10px;
		width:150px;
		font-weight:blod;
		font-size:19px;
		font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
		border-radius:25px;
		box-shadow:0 0 8px #CCC;
		box-shadow:1px 1px 1px #666;
	}
     	.BUY01, .BUY02{
		background: rgb(250,198,149); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1YWI2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjhkMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)), color-stop(100%,rgba(239,141,49,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-8 */

		color:#333;
		font-weight:bold;
		}
		
		.BUY03{
		background: rgb(122,188,255); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
		color:#333;
		font-weight:bold;
		}
		
	.BUY04 {
		background: rgb(73,155,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzIwN2NlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODU4YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 48%, rgba(24,88,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(48%,rgba(32,124,229,1)), color-stop(100%,rgba(24,88,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1858ad',GradientType=0 ); /* IE6-8 */

		color:#FFF;
		font-weight:bold;
		box-shadow:0 0 3px #CCC;
		border:1px solid #03F   inset;
		}
		
	.BUY04:hover, .BUY03:hover, .BUY02:hover, .BUY01:hover{
		box-shadow:0 3px 5px #666;
		border:1px   inset  #CCC;
		color:#FFF;
		}
		
		.NOTE_TXT{
			border:1px dashed #ededed;
			text-align:center;font-size:0.9rem;
			line-height:20px;
			clear:both;
			}
			
		.NOTE_TXT2 {
			border:1px dashed #F00;
			font-size:0.9rem;
			line-height:20px;
			clear:both;
			color:#333;
			width:60%;
			margin:3% auto;
			line-height:1.8;
			}
			
		
	#FOOTER{
		clear:both;
		width:100%;
		margin-top:60px;
		height:120px;
		background:#EDEDED;
		margin-top:50px;
		}
	#FOOTER ul{
		width:60%;
		margin:0 auto;
		color:#666;
		font-size:13px;
		padding-top:20px;
		text-align:center;
		line-height:1.6;
		height:100px;
		
		}

		/*+++++++++++++++++ORDER_TYPE _DESKTOP+++++++++++++*/

		
		#LOGOIN_ORDER{
			width:80%;
			margin:0 auto;
			
			}
			
			
		
		#LOGOIN_ORDER .LOGOIN_BOX{
			width:50%;
			height:auto;
			min-height:300px;
			float:left;
			padding:5%;
			line-height:2.8;
		
			-webkit-box-sizing:border-box;
		    box-sizing:border-box;
			
			background:#FFF;
			}
			
		.LOGOIN_TITLE{
			display:block;
			height:60px;
			line-height:70px;
			padding-bottom:20px;
			overflow:hidden;
			}
		.LOGOIN_TITLE img{
			float:left;
			}
		
		 .LOGOIN_BOX  ul{
			 width:95%;
			 min-height:250px;
			 height:auto;
			 background:RGBA(102,204,204,0.6);
			 margin:0 auto;
			 border-radius:10px;
			 padding:5%;
			 box-shadow: 1px 1px 5px #666;
				 }
				 
			.LOGOIN_BOX a{
				text-decoration:none;
				}
				 
			.LOGIN_BTN{ width:120px; margin:0 auto; text-align:center;margin-top:20px;border-radius:8px; color:#222;
			 
			background: rgb(83,203,241); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYzJlZWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNjMmVlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNjMmVlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDVhYmUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(83,203,241,1) 0%, rgba(194,238,252,1) 8%, rgba(194,238,252,1) 8%, rgba(194,238,252,1) 30%, rgba(5,171,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,203,241,1)), color-stop(8%,rgba(194,238,252,1)), color-stop(8%,rgba(194,238,252,1)), color-stop(30%,rgba(194,238,252,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53cbf1', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */








			}
			
				
			.REG_BTN{ width:120px; margin:0 auto; text-align:center;margin-top:20px;border-radius:8px; color:#222;
			background: rgb(83,203,241); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYzJlZWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNjMmVlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNjMmVlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDVhYmUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(83,203,241,1) 0%, rgba(194,238,252,1) 8%, rgba(194,238,252,1) 8%, rgba(194,238,252,1) 30%, rgba(5,171,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,203,241,1)), color-stop(8%,rgba(194,238,252,1)), color-stop(8%,rgba(194,238,252,1)), color-stop(30%,rgba(194,238,252,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(83,203,241,1) 0%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 8%,rgba(194,238,252,1) 30%,rgba(5,171,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53cbf1', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */

}
			
			.LOGIN_BTN:hover, .REG_BTN:hover{
				box-shadow:0 0px 3px #222 , 0 -1px 10px #FFF; 
				}
        /*+++++++++++++++++PAYMENT _DESKTOP+++++++++++++*/
		
		#BUY_BANNER01{
		display:block;
		box-shadow:0 1px 6px #666;
		}
		#BUY_BANNER02{
		display:none;
		}
			#PAYMENT{
				width:80%;
				margin:0 auto;
				display:block;
				
				}
			#PAYMENT ul{
				width:100%;
				border-bottom:1px solid #EDEDED;
				display:block;
				overflow:hidden;
				}
			#PAYMENT ul li{
				float:left;
				
				display:block;
				min-height:50px;
				padding:1%;
			 	-webkit-box-sizing:border-box;
		        box-sizing:border-box;
			}
				
			#PAYMENT  input{
				width:24px;
				height:24px;
				}
				
			.PAY_INFO1,.PAY_INFO2,.PAY_INFO3,.PAY_INFO4,.PAY_INFO5,.PAY_INFO6,.PAY_INFO7,.PAY_INFO8,.PAY_INFO9,.PAY_INFO10,.PAY_INFO11,.PAY_INFO12,.PAY_INFO13,.PAY_INFO14{
				color:#333;
				font-size:14px;
				line-height:1.8;
				min-height:120px;
				width:70%;
				text-align:justify;
				text-justify:inter-ideograph;
				display:block;
				}
				
			#PAYMENT ul li.PAY_TYPE{
				width:30%
				}
				
			.EEE{ background-color:#EEE;}
			.CCC{ background-color:#99ccff;}
			.DESC_BTN{display:none;}
			
			
			
			/*++++++++++++++++++++++++CHECK_DESKTOP++++++++++++++++++++++++++++*/
			
			
		#BANNER_CHECK{
		width:100%;
		height:auto;box-shadow:0 1px 6px #666;
		}
	
	
    #BANNER2_CHECK{
		display:none;
		}
		
	#SEND_INFO{
		width:60%;
		margin:0 auto;
		padding:1% 1% 8%;
		
		line-height:30px;
		}
	.ORDER_TITLE{background:#DDD; height:40px; width:100%; padding:2px; border-bottom:1px solid #CCC;}
	.WORD01{
		height:30px;
		width:280px;
		margin-left:10px;}
		
	.WORD02{
		height:30px;
		width:110px;
		margin-left:10px;}
		
	.CHECK_BOX{
		width:20px;
		height:20px;
		}
	.ORDER_INFO{
		width:100%;
		height:auto;
		}
		
	.ORDER_INFO ul, .RECEIVER_INFO ul{
		clear:both;
		}
	.ORDER_INFO ul li, .RECEIVER_INFO ul li{
		float:left;
		line-height:3.0;
		}
		
	.CHECK_NAME{
		width:200px;
	}
		
	textarea{
		width:600px;
		
		height:100px;
		}
	
	
		
		
		
		
		
		
		
			
/* 以下為 手機版 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 599px) {
	#WRAPPER{
	   width:100%;
	   min-width:320px;
		margin:0 auto;
		box-shadow:1px 1px 3px #333333;
		overflow:hidden;
	}
	
	#HEADER{
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

	height:60px;
	padding-left:20px;
	width:100%;
	
	}
	#HEADER h1{
		float:left;
		text-align:center;
		display:block;
		overflow:hidden;
		}
	.HEADER_TXT{
		display:none;
		}
		
	#BANNER{
		width:100%;
		background:none;
		text-indent:-9999px;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		height:0;
		text-indent:-9999px;
		display:none;
		}
		
	#BANNER2{
		display:block;
		}
	#BANNER2 h1{
		background:url(../images/BANNER_SMALL.jpg) no-repeat ;
		width:100%;
		heigth:auto;
		padding-bottom:49.6%;
		background-size:cover;
		border-bottom:1px solid #666;
		box-shadow:0 1px 6px #666;
		display:block;
		}
		
				
	
	
	#ARTICLE{
		font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
		width: 100%;
		height:auto;
		min-height:400px;
		}
	.BOX1{
		display:none;
		}
		

	.BOX2{
		display:block;
		width:100%;
		font-size:0.8rem;
		padding:1%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		overflow:hidden;
		}
		
	.BOX2 ul{
		width:100%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:0 auto;
		clear:both;
		
			
		}
	.BOX2 ul li{
		float:left;
		text-align:center;
		margin:0 auto;
		height:100px;
		color:#333;
		vertical-align:middle;
		border-bottom:1px solid #ededed;	
		padding-top:5%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
	
	.BOX2 .FIELD01{
	     width:10%;
	  }
	 .BOX2 .FIELD02{
		width:20%;
		padding:2%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
	.BOX2 .FIELD03{
		width:22%;
		overflow:hidden;
		
		}
		
	.BOX2 .FIELD04{
		width:15%;
		}
		
	.BOX2 .FIELD05{
		width:25%;
		}
		
	.BOX2 .FIELD06{
		text-align:center;
		margin:0 auto;
		
	  }
	  
	.BOX2 .HEAD_FIELD01{
		width:10%;
		height:50px;
		}
		
	.BOX2 .HEAD_FIELD02{
		width:20%;
		height:50px;
		line-height:25px;
		}
		
	.BOX2 .HEAD_FIELD03{
		width:22%;
		height:50px;
		line-height:25px;
		}
		
	.BOX2 .HEAD_FIELD04{
		width:15%;
		height:50px;
		line-height:25px;
		}
		
	.BOX2 .HEAD_FIELD05{
		width:25%;
		height:50px;
		line-height:25px;
		}
		
	.BOX2 .FIELD06 p{
		float:none;
		line-height:1.8;
		
		}

		 
		 
   #BUY_SELECT{
		clear:both;
		width:100%;
		overflow:hidden;
			}
	.BUY_BTN, .BUY_BTN3{
		width:100%;
		margin: 0 auto;
		float:right;
		padding:40px 0 0 0 ;
		}
	.BUY_BTN  li, .BUY_BTN3  li{
		text-align:center;
		line-height:2.5;
		height:50px;
		width:100%;
		font-weight:blod;
		margin-top:5px;
		font-size:19px;
		font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
		border-radius:5px;
		box-shadow:0 0 8px #CCC;
		box-shadow:1px 1px 1px #666;
    	}
     	.BUY01, .BUY02{
		/*display:none;*/
		
		}
		
		.BUY03{
		margin-top:20px;
		background: rgb(122,188,255); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
		color:#333;
		}
		
	.BUY04 {
		background: rgb(73,155,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzIwN2NlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODU4YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 48%, rgba(24,88,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(48%,rgba(32,124,229,1)), color-stop(100%,rgba(24,88,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(24,88,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1858ad',GradientType=0 ); /* IE6-8 */

		color:#FFF;
		box-shadow:0 0 3px #333;
		border:1px solid #03F   inset;
		}

	
	#FOOTER{
		width: auto;
		height: 120px;
		font-size:10px;
		background:#EDEDED;
		margin-top:10px;
		}
		
			/*+++++++++++++++++ORDER_TYPE _MOBILE+++++++++++++*/

		
		#LOGOIN_ORDER{
			width:80%;
			margin:0 auto;
			
			}
		
		#LOGOIN_ORDER .LOGOIN_BOX{
			width:100%;
			height:auto;
			min-height:300px;
			float:none;
			padding:5%;
			line-height:2.8;
		
			-webkit-box-sizing:border-box;
		    box-sizing:border-box;
			
			background:#FFF;
			}
		
		 .LOGOIN_BOX  ul{
			 width:95%;
			 min-height:250px;
			 min-width:250px;
			 height:auto;
			 background:RGBA(102,204,204,0.6);
			 margin:0 auto;
			 border-radius:10px;
			 padding:5%;
			 box-shadow: 1px 1px 5px #666;
				 }
				 
			.LOGOIN_BOX a{
				text-decoration:none;
				}
				 

			
			.LOGIN_BTN:hover, .REG_BTN:hover{
				box-shadow:0 0px 3px #222 , 0 -1px 10px #FFF; 
				}
		
		
		/*+++++++++++++++++PAYMENT _MOBILE+++++++++++++*/
				#BUY_BANNER01{
				display:none;
				}
				#BUY_BANNER02{
				display:block;
				min-width:320px;
				hieght:auto;
				box-shadow:0 1px 6px #666;
				}
			
			#PAYMENT{
				width:80%;
				margin:0 auto;
				display:block;
				
				}
			#PAYMENT ul{
				width:100%;
				border-bottom:1px solid #EDEDED;
				display:block;
				overflow:hidden;
				float:none;
				margin-bottom:10px;
				}
			#PAYMENT ul li{
				display:block;
				min-height:50px;
				padding:1%;
			 	-webkit-box-sizing:border-box;
		        box-sizing:border-box;
				float:none;
			}
			#PAYMENT ul li.DESCRIPTION{display:none;}
			#PAYMENT  input{
				width:24px;
				height:24px;
				}
				
					    .PAY_INFO1,.PAY_INFO2,.PAY_INFO3,.PAY_INFO4,.PAY_INFO5,.PAY_INFO6,.PAY_INFO7,.PAY_INFO8,.PAY_INFO9,.PAY_INFO10,.PAY_INFO11,.PAY_INFO12,.PAY_INFO13,.PAY_INFO14{
				color:#333;
				font-size:11px;
				line-height:1.8;
				min-height:120px;
				width:100%;
				text-align:justify;
				text-justify:inter-ideograph;
				display:none;
				
				}
				
			#PAYMENT ul li.PAY_TYPE{
				width:100%;
				
				}
			.DESCRIPTION{display:none;}
			.EEE{ background-color:#EEE;}
			.CCC{ background-color:#99ccff;}
			.DESC_BTN{display:block;}
			
			
			
		/*++++++++++++++++CHECK_MOBILE++++++++++++++++++++++++++++*/
			
			
		#BANNER_CHECK{
		display:none;
		}
	
	
    #BANNER2_CHECK{
		width:100%;
		height:auto;box-shadow:0 1px 6px #666;
		display:block;
		}
		
	
	#SEND_INFO{
		width:90%;
		margin:0 auto;
		padding:1% 1% 1%;
		font-size:.90rem;
		line-height:30px;
		}
	.ORDER_TITLE{background:#DDD; height:40px; width:100%; border-bottom:1px solid #CCC;}
	.WORD01{
		height:30px;
		width:280px;
		margin-left:10px;}
		
	.WORD02{
		height:30px;
		width:110px;
		margin-left:10px;}
		
	/*.CHECK_BOX{
		width:30px;
		height:30px;
		}*/
	.ORDER_INFO{
		width:100%;
		height:auto;
		}
		
	.ORDER_INFO ul, .RECEIVER_INFO ul{
		clear:both;
		}
	.ORDER_INFO ul li, .RECEIVER_INFO ul li{
		float:none;
		line-height:2.5;
		}
		
	textarea{
		width:100%;
		
		height:100px;
		}
	.NOTE_TXT2 {
			border:1px dashed #F00;
			font-size:0.9rem;
			line-height:20px;
			clear:both;
			color:#333;
			width:90%;
			margin:3% auto;
			line-height:1.6;
			}
		

}




/* 以下為 平板電腦 */
 
@media screen and (min-width: 600px) and (max-width: 1024px) {
	
	#BUY_SELECT{
		clear:both;
		width:100%;
			}
	.BUY_BTN{
		width:80%;
		margin: 0 auto;
		float:right;
		
		}
		
	.WORD01{
		height:30px;
		width:200px;
		margin-left:10px;}
		
	.WORD02{
		height:30px;
		width:100px;
		margin-left:10px;}
	
	}