@charset "utf-8";




body{
	font-family: Arial, "Microsoft JhengHei",PMingLiU,sans-serif;
	-webkit-text-size-adjust: none;
	line-height: 150%;
	letter-spacing: 1pt;
	font-size: 16px;
	font-size: 1em;
	background-attachment: fixed;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100% auto;
}

html { overflow-y: scroll; }

a:active, a:focus{ outline:none;}

a img {
		border: none;
	}
.right	{
	float:right;	
}
.left	{
	float:left;	
}
.clear	{
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	zoom: 1;	
}
img	{
	max-width:100%;	
	height:auto;
}
.aoao {/***點點點***/
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;	
}
.phone	{
	display:none;
}

.pc	{
	display:block;
}

.smallText {

font-size:11px;
-webkit-text-size-adjust:none;

}


/***************star.萬用垂直置中***********************/
.VerticalTest:before	{
  content:'';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.VerticalTest .title	{
	display: inline-block;
  	vertical-align: middle;
}
/***************end.萬用垂直置中***********************/
/*************star.1/2圖片垂直置中*************/
.VerticalCenter	{
	text-align: center;
}
.VerticalCenter:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.VerticalCenter .nevin 	{
  display: inline-block;
  vertical-align: middle;	
  width:47%;
  margin-bottom:6%;
}
.VerticalCenter .nevin:last-child ,.VerticalCenter .nevin:nth-last-child(2)	{
	margin-bottom:0%;
}

.VerticalCenter .nevin	img {
	max-width:100%;
	margin:0 auto;
}
.VerticalCenter .nevin p {
	text-align:left;	
}
.VerticalCenter .nevin .title {
	font-weight: bold;
	text-align: left;	
	color:#71A92D;
	font-size:1.3em;
	margin-bottom: 1%;
}
.VerticalCenter .nevin:nth-child(2n+1) {
	margin-right:3%;
}
.elseWidth3	{
	width:28%;
}
.elseWidth4	{
	width:37.5%;
}
.elseWidth5	{
	width:49%;
}
.elseWidth6	{
	width:58%;
}
.elseWidth7	{
	width:68%;
}
/*************↑1/2圖片垂直置中*************/



/**********star.header************/
.collapse-button{
	display: none;
}

.animate{
	-webkit-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

header {
	width: 100%;
	z-index: 999;
	position: relative;
	background: hsla(0,100%,100%,0.9);
	z-index: 100;
}

header *{
	list-style: none;
}

header a{
	text-decoration: none;
}

@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
    display: block;
    vertical-align: top;
    padding: 0.6% 0;
}

.soc * {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 28px;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
    max-width: calc(100% / 5 - 4px);
}

.soc li a {
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: .3em;
    color: #ffffff;
    background-color: #7C7C71;
}

.soc li:hover a {
    background-color: #95958B;
}

.soc li:first-child a {
	background-color: #4C6FB7;
}
.soc li:first-child:hover a {
	background-color: #49659F;
}

.soc li:nth-child(2) a {
	background-color: #70C2FD;
}
.soc li:nth-child(2):hover a {
	background-color: #59ADEA;
}

.soc li:nth-child(3) a {
	background-color: #FB4358;
}
.soc li:nth-child(3):hover a {
	background-color: #E6162D;
}

.soc li:nth-child(4) a {
	background-color: #E0A466;
}
.soc li:nth-child(4):hover a {
	background-color: #9D7144;
}

.soc li:nth-child(5) a {
	background-color: #EA3136;
}
.soc li:nth-child(5):hover a {
	background-color: #BD2126;
}


#top{
	margin: 0 auto;
	width: 1000px;
	padding: 0.3% 0;
	vertical-align: 0;
}

#top > *{
	margin: 0 0 10px 0;
}

#top > span{
	margin-left: 17px;
}



#top:after,.topShow{
	position: absolute;
	
	padding: 0.6% 0;
	top: 0;
}

.topShow{
	width: 500px;
	left: 50%;
}

#top *,#topNav *,#langNav *,#langNav:before,#searchNav *{
	color: #FFF;
	font-family: 'Microsoft JhengHei';
	letter-spacing: 1pt;
	font-size: 12px;
}
#langNav *{
	color:#7C7C71;
}
#topNav,#langNav,#searchNav{
	position: absolute;
	right: 0;
}

#topNav{
	top: 10px;
	right: 0;
}

#topNav li{
	display: inline-block;
	margin-left: 9px;
}

#langNav{
	width: 160px;
	top: 17px;
	right: 242px;
	box-sizing: border-box;
	max-height: 22px;
	overflow: hidden;
}

#langNav.active{
	max-height: 300px;
}

#langNav li{
	vertical-align: top;
	line-height: 20px;
	padding: 2px 0 2px 10px;
	box-sizing: border-box;
	border-left: 1px solid #7C7C71;
	border-right: 1px solid #7C7C71;
	background: #FFF;
	cursor: pointer;
}

#langNav li:hover{
	background: #DFDFDF;
}
#langNav li a:hover{
	text-decoration: none;
}

#langNav li:first-child{
	padding: 0 0 0 10px;
	background: url(../images/language.png) no-repeat center right;
	border-top: 1px solid #7C7C71;
    border-bottom: 1px solid #7C7C71;
}

#langNav li:last-child{
	border-bottom: 1px solid #7C7C71;
}

#searchNav{
	top: 14px;
}

#searchNav input[name=kw]{
    font-family: 'icomoon';
    outline: none;
    color: #333;
    width: 170px;
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: baseline;
    box-sizing: border-box;
    border: 1px solid #7C7C71;
	background: none;
}

#searchNav input[type=submit]{
	height: 21px;
	line-height: 21px;
	margin-left: 5px;
	background: #7C7C71;
	border: none;
	padding: 0 5px;
	display: inline-block;
	vertical-align: baseline;
	letter-spacing: 0.1pt;
	cursor:pointer;
}
#searchNav input[type=submit]:hover  {
	opacity:0.8;
}

nav	{
    max-width: 1000px;
    margin: 0% auto;
    padding: 0.35% 0;
}
/* NAV */
#nav_bg	{
	max-width: 1000px;
	margin: 0 auto;	
}
nav{
    width: 862px;
    margin: -50px auto 0 auto;
	padding: 0.35% 0;

}

nav > ul > li.mainShow{
    width: calc(100% / 6);
    box-sizing: border-box;
    float: left;
    position: relative;
	border-top: 1px solid #B5B5AC;
	border-bottom: 1px solid #B5B5AC;
}
nav > ul > li.mainShow:hover > a	{
	background:#71A92D;
	color:#FFF;
}
nav > ul > li.mainShow:first-child{

}

nav > ul > li > a, .subNav li a {
    display: block;
    color: #7B7B71;
    letter-spacing: 0.01em;
    font-size: 0.85em;
    text-align: center;
    line-height: 36px;
}

/* subNav */
.mainShow:hover > .subNav{
	display: block;
}

.subNav > li:hover > .subNav{
	display: block;
}

.subNav{
	display: none;
	position: absolute;
	top: 34px;
	z-index: 200;
}

.subNav li{
	position: relative;
	box-sizing: border-box;
	min-height: 50px;
	padding: 10px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #CCC;
	min-width:165px;
	/*margin-top:-1px;*/
}
.subNav li:hover {
	background:#FFF;
}
.subNav li a{
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
}
.subNav li a:before{
	content: ' ';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.subNav li a i{
	display: none;
	color: #333 !important;
}
.subNav li ul.subNav	{
	top: 0px;
    left: 164px;
}

/**********star.content**************/


#content_bg	{
	width: 100%;


}
#content {
	max-width: 1000px;
	min-height: 413px;
	margin:3% auto;
	background: hsla(0,100%,100%,0.9);	
}
#content .content_bgno  {
	background: none;
}
#contentTilte	{
	font-size: 2em !important;
    color: #FF7F00;
    font-weight: bold;
    line-height: 126%;
    margin-bottom: 3% !important;
    border-left: 8px solid #FF7F00;
    padding: 6px 0px 6px 10px;
}


#path	{
	
	font-size: 0.75em;
	color: #525252;		
}

#path ul	{
	
}
#path ul li:first-child	{
	/*list-style-image: url(../images/path_home.png);*/
	background: url(../images/path_home.png) no-repeat center left;
	 padding: 0 14px 0 16px;
}
#path ul li	{
	float: left;
	vertical-align: top;
	/*list-style-image: url(../images/path_line.png);*/
	/*list-style-position: inside;*/
	padding: 0 12px 0 9px;
    
    background: url(../images/path_line.png) no-repeat center left;
}
#path a, #path a:hover	{
	color: #9E9E9E;
	text-decoration: none;
}
#path a:hover	{
	text-decoration: underline;	
}
.elsePadding	{
	padding:3% 4%;	
}
/**********star.star.sidebar**********/
#sidebar	{
	width: 16%;
	margin-top:1%;
	border:1px solid #B5B5AC;
}
#content #sidebar .title	{
	background:#B5B5AC;
	padding: 7px;
	font-size: 1.25em;
	font-weight: bold;
	color:#FFF;
}
.sidebar_head {
	padding: 5px 0px;
	cursor: pointer;
	position: relative;
	margin:1px;
	font-size: 0.85em;
 
}

li.sidebar_head	{
	padding: 0;
	color: #333333;
}
.sidebar_head a{
	color: #797971;
	text-decoration: none;
	display: block;
	padding: 3% 7%;

	
}
.sidebar_head a:hover{
	display: block;
	text-decoration: underline;
}
.sidebar_head a.current{
	text-decoration: underline;
}
.sidebar_body {
	/*display:none;*/
}
.sidebar_body a{
	display: block;
	color: #616161;
	padding-left: 10px;
	text-decoration: none;
	background-image: url(../images/tw/sidebar_line2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	font-size: 0.75em;
}
.sidebar_body a:hover,.sidebar_body a.current{
  text-decoration:underline;
  }
.sidebar_head.elseColor1, .sidebar_head.elseColor2, .sidebar_head.elseColor3 {
	padding:3% 7%;
	font-size:1.5em;
	margin-top:6%;
}
.sidebar_head.elseColor1 {
	color:#70A52C;
	
}
.sidebar_head.elseColor2 {
	color:#E37200;
}
.sidebar_head.elseColor3 {
	color:#70A52C;
	
}
/**********↑end.sidebar*********/


#main	{
	width:80%;
	margin: 1% 0% 1% 0%;
	font-size: 1.25em;
	color:#333333;
	font-size:0.8em;
	line-height: 200%;
}
#main h1, .m_title	{
	font-size: 1.25em;
	font-weight: bold;	
	margin-bottom: 1%;
}
.m_title	{
	color:#71A92C; 
 }
.tableFrame	{/****表格加拉軸*****/
	overflow: auto;
    width: 100%;
	display: inline-block;
}
#main p	{
	
}
#main p	a {
word-wrap: break-word;/***超連結換行***/
word-break: break-all;/***超連結換行***/
}

.company-background {
	background: url(../images/about-bg.png) bottom right no-repeat;
	background-size: contain;
	padding-bottom:20em;
}
.company-background p {
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 640px) {
	.company-background {
		padding-bottom:15em;
	}
}

.service_list_section img {
	width: 100%;
	max-width: 100%;
}

.contact_description h2 {
	color: #71A92C;
}

.contact_description, .contact_pic {
	display: inline-block;
	vertical-align: top;
}

.contact_description { width: 40%;}
.contact_pic { width: 32%; margin-right: 20px;}

@media only screen and (max-width: 768px) {
	.contact_description { width: 58%;}
	.contact_pic {width: 33%;}

}
@media only screen and (max-width: 480px) {
	.contact_description { width: 90%;}
	.contact_pic {width: 90%;}
}

/**************footer*****************/
#footer_bg	{
	width: 100%;
	background: hsla(0,100%,100%,0.9);
	position:relative;
}

footer {
	position: relative;
	margin:0 auto;
	max-width: 1000px;
	text-align: left;
	font-size: 0.75em;
	color: #006600;
	padding:0.8% 0;
}
footer a	{
	color: #858586;
	text-decoration: none;
}
footer a:hover	{
	text-decoration: underline;	
}
#footer_logo	{
	
}

#footer_about	{
	width:50%;
	border-right: 1px solid #858688;
    padding: 0px 58px 0 0;
	
}
#footer_about .title	{
	font-size: 1.45em;
	font-weight: bold;
	margin-bottom: 1%;
	color: #858586;
}
#footer_text	{
	text-align: center;	
}
#footer_text .in	{
	display:inline-block;
	margin:0 1%;	
}
#footer_nav	{
	width: 50%;
    float: right;
    max-width: 365px;
    
}

#footer_nav ul li	{
	display: inline-block;
	width: 49%;
	vertical-align: top;
	max-width: 158px;
	background-image: url(../images/footer_line.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:17px;
	margin-top:1.5%;
	
}

/**********star.btnPageTop**************/
	.pagetopbtn{
		position:absolute;
		width:42px;
		height:45px;
		position:fixed;
		z-index:10000;
		bottom:0;
		right:0;
		opacity:1.0;
		transition:opacity 0.3s ease;
		
		
		
	}
	.pagetopbtn:hover{
		opacity:0.6;
	}
	.pagetopbtn img{
		cursor:pointer;
		opacity:0;
	}
/**********end.btnPageTop**************/


/***************star.index*************/
#banner	{
	position: relative;
	text-align: center;
	margin-bottom: -90px;
}
.index_pic1,.index_pic2,.index_pic3,.index_pic4,.index_pic5,.index_pic6	   {
   clear:both;	
   position: relative;
}
.index_pic1	{
	
}
.index_pic2	{
	max-width: 655px;
    margin: -115px auto 0 auto;
}

.index_pic3	{
    top: -109px;
    max-width: 259px;
    margin: 0 auto;
}
.index_pic3 .index_pic1img5 {
    background-image: url(../images/index_pic07-0.png);
    background-repeat: no-repeat;
    position: relative;
    width: 256px;
    height: 232px;
}
.index_pic3 .index_pic1img5 .index_pinc1img5in {
    position: absolute;
    top: 33px;
    left: 37px;
    color: #FFF;
    width: 182px;
    line-height: 130%;
    letter-spacing: 1px;
}
.index_pic5	{
    margin: -219px auto 0 auto;
    max-width: 660px;
    top: -14px;
    padding-top: 10px;
}
.index_pic6	{
    top: -123px;
    max-width: 259px;
    margin: 0px auto;
}
.clear_bg	{
	position:absolute;
	top:-42px;
	right:0;
}
/***************star.about*************/



/***************star.productsMenu*************/
#productsMenu .left	, #productsMenu .right	{
	width:46%;
}
#productsMenu ul 	{
	 margin-top: 7%;
}

#productsMenu .OA, #productsMenu .IA	{
    border-bottom: 2px solid #70A52C;
    font-size: 4em;
    color: #70A52C;
    line-height: 69%;
}
#productsMenu .IA	{
	border-color:#E37200;
	color:#E37200;
	
}

#productsMenu ul > li {
	background-image: url(../images/productsMenu_bg.png);
	background-repeat: no-repeat;
	height: 101px;
	width: 115px;
	text-align: center;
	margin: -1px -6px 0 0;
	display:inline-block;
	vertical-align:top;
	color:#525252;
}
#productsMenu .left ul > li:hover {
	background-image: url(../images/productsMenu_bg2.png);
	background-repeat: no-repeat;
}
#productsMenu .right ul > li:hover {
	background-image: url(../images/productsMenu_bg3.png);
	background-repeat: no-repeat;
}
#productsMenu ul > li a	{
	color:#525252;
}
#productsMenu ul > li:hover a {
	color:#FFF;
}
#productsMenu ul > li .img	{
	padding-top: 7px;
}
#productsMenu ul > li .img img	{
	max-width:53px;
	max-height:53px;
}
#productsMenu ul > li .title	{
	line-height: 120%;
	letter-spacing:0px;
}
#productsMenu ul > li .VerticalTest	{
	height: 34px;
    max-width: 85px;
	margin: 0 auto;
	margin-top: -4px;
}






/***************star.prouducts*************/

.line {
    height: 1px;
    background-color: rgb(223, 224, 225);
}
.listTitle {
    color: rgb(133, 133, 133);
    font-size: 1.125em;
	margin:3% 0;
}
.Inquiry	{
	text-align:center;	
}
input.Inquiry	{
    background-color: #71A92D;
    border: 0;
    color: #FFF;
    padding: 0.2% 9%;
    cursor: pointer;

}
input.Inquiry:hover	{
	opacity:0.9;	
}
#productsList > ul	{
	margin-top:3%;
}
#productsList > ul > li  {
    width: calc(22% + 6px);
    display: inline-block;
    vertical-align: top;
    margin: 2% 2% 2% 0%;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
	cursor:pointer;
}

#productsList ul > li:nth-child(4n)	{
	margin-right:0;
}
#productsList ul li ul li	{
	position:relative;	
}
#productsList ul li ul li ul li	{
	margin-top: 2%;
	list-style-type: disc;
}
#productsList ul li ul li a	{
	color: #262626;
	text-decoration: none;
}
#productsList ul li ul li a:hover,#productsList ul li.productsList_In ul li a	{
	color: #629426;
	
	
}
#productsList .img	{
	position:relative;
	border: 1px solid #CCCCCC;
	text-align:center;
	overflow:hidden;
}
.checkboxFive a	{
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.checkboxFive {
    position: absolute;
    right: 1px;
    bottom: 0px;
    width: 26px;
    height: 26px;
}
.checkboxFive .tick {
    cursor: pointer;
    position: absolute;
    width: 26px;
    height: 26px;
    top: -2px;
    left: -1px;
    background: #FFF;
    border: 1px solid #71A92D;
}
.checkboxFive .tick:after  {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #71A92D;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkboxFive .tick:hover::after {
	opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked + .tick:after, #productsList li.productsList_In .checkboxFive .tick:after {
	opacity: 1;
}

#productsList .img	input[type=checkbox] {
/*	visibility: hidden;*/
}
#productsList .img:hover, #productsList li.productsList_In .img {
	border: 1px solid #71A92D;
}
#productsList .img img	{
	margin-bottom: -7px;
	margin-left:-1px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#productsList .img img:hover	{
	opacity: 0.8;
	-webkit-transform: scale3d(1.3, 1.3, 5);;
	transform: scale3d(1.3, 1.3, 5);;
}
#productsList .text	{
	 word-break: keep-all;
}
#productsList .title	{
	font-size: 1.3em;
	letter-spacing: 0.5px;
	text-align:center;
}

#productsList h1	{
	font-size: 1.5em;
	margin-bottom:2%;
	font-weight: bold;
}
#productsList .link a	{
	width: 96%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}
#pageNumber	{
	
	color: #6B6B6B;
	display: block;
	text-align: center;	
	margin:2% auto 0 auto;
	overflow:hidden;
	
}
#pageNumber :hover.link,#pageNumber .link 	{
	color: #71A92D;
	font-weight: bold;
}

#pageNumber a, #pageNumber a:hover	{
	color: #909090;
	text-decoration: none;
	margin-top: 10px;
	display:inline-block;
}
#pageNumber a:hover	{
	text-decoration: underline;		
}
#pageNumber a:first-child {
    height: 22px;
	width: 17px;
}
#pageNumber a:last-child {
    height: 22px;
	width: 17px;
}

/***************star.prouducts_in*************/
#productsIn	{
	
}

#productsIn .img, #productsIn #contentSpecial {
	width:48%;
}

#productsIn .h1	{
	font-size:2em;
	font-weight:bold;
	margin-bottom:2%;
	color:#71A92C;
}


/*******star.產品簡介************/
#contentTilte .title h1	{
	font-size:2em;
	font-weight:bold;
	margin-bottom:2%;
	line-height:150%;
}

#contentTilte .line	{
  background-color: #CCCCCC;
  height: 1px;
  margin: 5% 0;
}

#contentTilte .standard	{
	
}
#contentTilte p span	{
	float:left;
	display:block;
	color:#535353;
	font-size:1em;	
	min-width: 85px;
}
#contentTilte .standard p .text1	{
	font-size: 1em;
	font-weight: bold;	
	color: #262626;
}
#contentTilte .standard p .text2	{
	font-size: 1.625em;
	font-weight: bold;
	margin: -3px 0 0 -38px;
	color: #262626;
}
#contentTilte .quantity	{
	text-align: left;
}
<!---star.star.數量--->
.divBuyNumArea table {
border-collapse: collapse;
border-spacing: 0;
}
input, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.divBuyNumArea {
text-align: center;
}
.divBuyNumArea .count {
width: 18px;
font-size: 18px;
color: #a9a9a9;
border: 1px solid #a9a9a9;
}
.divBuyNumArea>table {
	line-height: 25px;
	color: #706e6c;
	font-family:"Arial","Microsoft JhengHei",'Open Sans',sans-serif;
}

.plus{width:18px;font-size:18px;color:#777;border:1px solid #a9a9a9;cursor:pointer}
.minus{width:18px;font-size:18px;color:#777;border:1px solid #a9a9a9;cursor:pointer}
.divBuyNumArea{display:inline-block;vertical-align:middle;line-height:30px;text-align:center;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:-moz-none}
.divBuyNumArea>table{display:inline-block;vertical-align:bottom;line-height:25px;padding:0;margin:0}
.divBuyNumArea input{display:inline-block;width:40px;border:1px;text-align:center}
.divBuyNumArea .count{width:18px;font-size:18px;color:#a9a9a9;border:1px solid #a9a9a9}.divBuyNumArea .divBuyNumArea .dressRecommand{width:100px}
<!---↑end.數量--->
#contentSpecial .special	{
	font-size: 1em;
	color: #0E0E0E;	
	
}

.special	{
	 min-height: 266px;	
}
.special2	{
	 min-height: 298px;	
}
.special ul	li {
	list-style-image: url(../images/special_line.png);
	list-style-position: inherit;
	color:#797971;
	font-size:1.2em;
	margin:4% 0 4% 12px;
}
#contentSpecial .buy	{
    color: #FFF;
    background-color: #FF8000;
    font-size: 0.875em;
    margin: 0px 0% 2% 0%;
    width: 49%;
    display: inline-block;
    text-align: center;
}
#contentSpecial .buy.buy2	{
	background-color: #71A92D;
}
#contentSpecial .buy.explanation	{
	width: calc(98% + 5px);
	background-color: #A0A0A0;
}
#contentSpecial .buy img	{
	margin-bottom: -3px;	
}
#contentSpecial :hover.buy{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;opacity:0.7; 
	-khtml-opacity: 0.7;	
}

.products_show_title {
	font-size: 1.4em;
	color: #588C18;
    margin: 5px auto;
}

.products_show_introduction .datatable {
	margin: 0;
	color: #797971;
}

.products_show_introduction .datatable td {
	white-space: nowrap;
	width: auto;
	border: 1px solid #ccc;
	text-align: center;
    padding: 0 1em;
    background: #fcfcfc;
}
.products_show_introduction .datatable td:first-child{
	width: 250px;
	min-width: 220px;
	text-align: left;
	background: #dedede;
}
.products_show_introduction {
	overflow: auto;
}
.products_show_introduction ol{
	margin-left: 20px;
}
.products_show_introduction ol li{
	list-style: disc;
}
.products_show_introduction ol li h3{
	color: #ff8000;
}

@media screen and (max-width: 700px) {
	.products_show_introduction iframe {
		width: 100%;
	}
}

/*******end.產品簡介************/


/*******star.產品內容************/
#productsIn article	{
	margin-top:7%;
}
#productsIn article .tableFrame	table	{
	
	margin-top:7%;
	font-weight:bold;
	font-size: 1.2em;
	
}
#productsIn article .tableFrame	table tr th , #productsIn article .tableFrame table   {
	border: 2px solid #0C0C0C;
    text-align: left;
    padding: 0.5% 1%;
}
#productsIn article .tableFrame	table tr:first-child th	{
	text-align: center;
}
#productsIn article .tableFrame	table tr td	{
	border: 1px dotted #0C0C0C;
	padding: 0.5% 1%;
	text-align: center;
}


#productsIn article .tableFrame .else1	{
	font-weight: bold;
	background-image: url(../images/else1.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	margin-top:1%;
	font-size: 1.2em;
}



/*******end.產品內容************/


/*******star.購物車************/
#shopping	{
	
}
#shopping .tableFrame:first-child table	{
	margin-top:0%;
}
#shopping .tableFrame table	{
	width:100%;
	margin-top:5%;
}
#shopping .tableFrame table tr td,#shopping .tableFrame table tr th	{
	border:1px solid #CCCCCC;
	text-align:center;
	padding: 0.5% 1%;
	vertical-align: middle;
}
#shopping .tableFrame table tr td a, #shopping .tableFrame table tr td a:hover	{
	color: #71717F;
	text-decoration: none;
	opacity:0.8;
}
#shopping .tableFrame table tr td a:hover	{
	text-decoration: underline;
	opacity:1;
}
#shopping .tableFrame table tr th	{
	color:#FFF;
}
#shopping .tableFrame.OA table tr th	{
	background:#79AB39;
}
#shopping .tableFrame.IA table tr th	{
	background:#E37200;
}

#shopping .tableFrame table tr td:first-child, #shopping .tableFrame table tr th:first-child	{
	 max-width: 13px;
}
#shopping .tableFrame table tr td:last-child, #shopping .tableFrame table tr th:last-child	{
	width:50px;
}
#shopping .tableFrame table tr td img	{
	margin-bottom:-7px;	
}
#shopping .tableFrame table tr td .img	{
	border:1px solid #CCCCCC;
	max-width:34px;
}
#shopping .tableFrame.IA table td ul li	{
    display: inline-block;
    width: 220px;
    background-image: url(../images/shopping_IA1.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 2%;
    margin-top: 1%;
	
}
#shopping .tableFrame.IA table td ul li:last-child	{
	background:none;
}
#shopping .tableFrame.IA table td ul li select	{
	height:28px;
}
#shopping .tableFrame.IA table td ul li select,#shopping .tableFrame.IA table td ul li .text1	{
	border: 1px solid #CCCCCC;
    width: 87%;
    float: left;
	color:#71717F;
	letter-spacing: 1px;
	background:none;
}
#shopping .tableFrame.IA table td ul li .text1 input	{
    border: 0;
    border-bottom: 1px solid #71717F;
    background: none;
    width: 92px;
    height: 20px;
    color: #71717F;
    padding: 0 1%;
    margin: 0 1%;
}
#shopping .tableFrame.IA table td ul li .text1.text2 input	{
	width: 61px;
}
#shopping  .cart_btn	{
	 text-align: right;
	 margin-top: 3%;
}
#shopping .buy	{
	color:#FFF;
	background:#717180;
	border:1px solid #CCCCCC;
	width:196px;
	text-align:center;
	font-size:1.125em;
	margin-top: 3%;
	cursor: pointer;
	
}
#shopping input.buy:first-child	{
	margin-right:1%;
}
.input_size1{width:50%;}
.input_size2{width:70%;}
/*******end.購物車************/
@media print, screen and (max-width:1280px){
body	{
    background-size: 100% 100%;
}	
}
@media print, screen and (max-width:999px){
body	{
    background-size: auto 100%;
}
.right, .left	{
	float:none;	
}
.phone	{
	display:block;
}
.pc	{
	display:none;
}

/*************star.2/2圖片垂直置中*************/
.VerticalCenter .nevin, .elseWidth3, .elseWidth4, .elseWidth5, .elseWidth6, .elseWidth7 {
  margin-bottom: 5%;
  width:100%;
}
/*************↑2/2圖片垂直置中*************/

/**********star.header************/

#header_bg	{
	background-image: none;	
	height:75px;	
}
header{
	border-bottom: 0px solid #D8D8D8;
}

#top{
	position: relative;
}

.soc {
	right: 65px;
	padding: 0px;
}

header,#top,#top:after{
	width: 100%;
}

#top img{
	height: 100%;
}

#top > a + span{
	display: none;
}

.collapse-button{
	display: block;
}

#top,#top:after{
	box-sizing: border-box;
	height: 52px;
	padding: 10px;
}

nav{
	max-height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	position: relative;
	margin-top:0;
}

nav.active{
	max-height: 3000px;
}

nav li{
	width: 100% !important;
	display: block;
}

nav a{
	width: 100% !important;
	display: block;
}

nav > ul > li, #topNav > li {
	width: 100% !important;
	/*background: #FFF !important;*/
	float: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom: 1px solid #EEE;
	height: auto !important;
}

nav > ul > li > a,#topNav > li > a{
	display: inline-block;
	text-align: left;
	padding: 10px !important;
	height: 50px !important;
	line-height: 0 !important;
	box-sizing: border-box !important;
	vertical-align: baseline !important;
}

nav > ul > li > a:before,#topNav > li > a:before{
	content: ' ';
	display: inline-block;
	width: 0;
	height: 80%;
	vertical-align: baseline;
}

li a.active + .subNav{
	max-height: 5000px;
}

.subNav{
	position: relative;
	top: auto !important;
	left: auto !important;
	display: block;
	max-height: 0;
	overflow: hidden;
}

.subNav li a:before{
	width: 1em;
}

.subNav li a{
	text-align: left;
}

.subNav li a i{
	display: inline-block;
	margin: 0 10px;
}

.topShow{
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#topNav{
	position: relative;
	top: auto;
	left: auto;
}

#topNav li{
	margin: 0;
}

#topNav li a{
	color: #333;
	font-size: 13.6px;
	letter-spacing: 0.01em;
}

#langNav{
	position: relative;
	top: auto;
	right: auto;
	margin: 20px 0 10px 10px;
}

#langNav li:first-child{
	/*background: url(../images/language2.png) no-repeat center right !important;*/
}

#langNav *{
	/*background: #FFF !important;
	color: #333 !important;
	border-color: #333 !important;*/
}

#searchNav{
	position: relative;
	right: auto;
	top: auto;
	padding: 15px 10px 10px 10px;
	height: 50px;
	box-sizing: border-box;
}

#searchNav input[name=kw]{
	
}
nav > ul > li.mainShow	{
border-top:0;	
}
nav > ul > li.mainShow:first-child	{
border-top: 1px solid #B5B5AC;
}
li.topShow > ul	{
border-top: 1px solid #B5B5AC;
border-bottom: 1px solid #B5B5AC;
}

/********star.content**********/
#content	{
	margin: -1px auto 0 auto;
	padding: 5% ;
}

#sidebar 	{
	display:none;	
}

#main{
	width:100%;
}
/********star.footer**********/
footer	{

	border-top: 1px solid #B5B5B5;
}
.footer_line	{
	display:none;	
}
#footer_about	{
	border-right:0px;	
	padding-right:0px;
}
#footer_nav, #footer_about, #footer_text	{
	width:100%;
	margin-top:3%;
	float:none;
	padding-bottom: 3%;
}


/***************star.index*************/
#index_about, #index_news, #index_products,  #index_contact, #index_Contact	{
	width:100%;
}

#index_news, #index_products		{
	margin-top: 3%;
	overflow: hidden;
}

.index_text,index_data	{
	float:none;	
	width:100%;
}
.index_text	{
	margin-top: -7px;
}
.banner.phone	{
	position: relative;
    text-align: center;
}
.banner.phone	#m-banner-anchors a	{
	width: 23%;
    height: 20%;
    display: block;
    position: absolute;	
}
.banner.phone	#m-banner-anchors a:nth-child(1)	{
    top: 23%;
    left: 7.5%;
}
.banner.phone	#m-banner-anchors a:nth-child(2)	{
	top: 23%;
    right: 9%;
}

.banner.phone	#m-banner-anchors a:nth-child(3)	{
	top: 39%;
    left: 38%;
}
.banner.phone	#m-banner-anchors a:nth-child(4)	{
	bottom: 8%;
    right: 39%;
}

/***************star.about*************/



/***************star.productsMenu*************/
#productsMenu .left	, #productsMenu .right	{
	width:100%;
}
#productsMenu .IA	{
	margin-top:5%;
}

/***************star.prouducts*************/
.checkboxFive	{
	right: -1px;
}
#productsList .img , #productsList .text	{
	width:100%;	
}

#productsList .text	{
	width:calc(100% - 18px);	
	margin-left: 18px;
}
#productsList > ul > li	{
	width:calc(49% - 4px);
	margin-left: 0;
}
#productsList ul li ul	{
	
}

#productsList ul > li:nth-child(2n)	{
	margin-right: 0;
}
input.Inquiry	{
	background-position: 22% center;
	padding: 0 6% 0 12%;
}
/***************star.prouducts_in*************/
#productsIn #contentSpecial	{
	margin-top:5%;	
}
#productsIn .img, #productsIn #contentSpecial {
	width:100%;	
}

#productsIn article .else .left, #productsIn article .else .right	{
	width:100%;	
}
#productsIn article .else .title	{
	text-align:left;
	margin-left:0;
}
#productsIn article .else .text	{
	margin-left:0;
}
#productsIn article .else .picS	{
	margin-top:0px	;
}
#productsIn article .else .picS img	{
	width: calc(49% - 2px);
}


/*******star.購物車************/
#shopping input.buy:first-child	{
	margin-right:0%;
}
/*******end.購物車************/

.input_size1, .input_size2, .input_size3{width:80%;}
}

.clearEnd:after{
	display: block;
	height: 0;
	content: ' ';
	clear: both;
}
@media print, screen and (max-width:320px){
	.soc {
		right: 60px;
	}
	.soc * {
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 16px;
	}
.input_size1, .input_size2, .input_size3{width:100%;}
}

.newp:after{
	top: -0.4em;
	left: -0.4em;
	position: absolute;
	content: ' ';
	width: 40%;
	height: 40%;
	background: url(../images/newp.png) top left no-repeat;
	background-size: cover;
}