@charset "utf-8";
/*  global  */
	body{ font-family: Arial,"Microsoft JhengHei";}
	.wrap{ width:100%;}
	.container{ width:1400px; margin: 0 auto;}
	.container.container-zoomout { width:1100px; }
	.container.container-xmiddle { width:850px; }
	.container.container-middle { width:700px; }
	.rwd-img { width:100%;}
	.ifindex .imgbox { overflow:hidden; width:146px; height:249px;}
	a{ color:#000; text-decoration:none;}
	/*a:hover { color:#000; text-decoration:none;}*/
	a:focus, a:hover { text-decoration:none; }
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
	ul, section, div, h3 { position: relative;}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
		}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}
	
/*	==========================================	*/
	
	/*  onscrolling  */

	/*  icon  */

	/*	footer	*/
	.footerbox { padding:10px 15px; padding-left:220px; position: fixed; width: 100%; left:0; bottom:0;  border-top:1px solid #cacaca; }
	.footerbg { background-color:#fff;}
	
	.footer-info { text-align:center; }
	.footer-info li { font-size:12pt; display:inline-block; text-align:center; margin-right:15px; }
	.footer-info li span { margin-right:5px; background-color:#F18A13; border-radius:25px; width:20px; height:20px; line-height:18px; display:inline-block; text-align:center; vertical-align: bottom; }
	
	.footer-info li.copyright { margin-left:50px; font-size:10pt; }

	/*  header  */
	.headerbox { padding:15px 40px; position:fixed; left:0; top:0; width:100%; z-index:9;  }
	.headerbg {
		background: rgb(238,238,238);
		background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(178,178,178,1) 100%);
		background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(178,178,178,1) 100%);
		background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(178,178,178,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b2b2b2',GradientType=0 );		
	}
	
	.logobox { position:absolute; left:0; top:-15px; padding:5px 15px 10px 15px; border-radius:0 0 8px 8px; background-color:#fff; z-index:9;
		-webkit-box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.44);
					-moz-box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.44);
							 box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.44);
	}
	.menu-infobox { float:right; }
	.menu-info li { float:left; margin-left:10px; padding:5px 0; width:105px; text-align:center; border-radius:5px;   
		-webkit-box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.44);
					-moz-box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.44);
							 box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.44);
	}
	.menu-info li:first-child {
		background: rgb(241,206,135);
		background: -moz-linear-gradient(top, rgba(241,206,135,1) 0%, rgba(241,138,19,1) 65%);
		background: -webkit-linear-gradient(top, rgba(241,206,135,1) 0%,rgba(241,138,19,1) 65%);
		background: linear-gradient(to bottom, rgba(241,206,135,1) 0%,rgba(241,138,19,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ce87', endColorstr='#f18a13',GradientType=0 );	
	}
	.menu-info li:last-child {
		background: rgb(167,212,255);
		background: -moz-linear-gradient(top, rgba(167,212,255,1) 0%, rgba(23,105,180,1) 65%);
		background: -webkit-linear-gradient(top, rgba(167,212,255,1) 0%,rgba(23,105,180,1) 65%);
		background: linear-gradient(to bottom, rgba(167,212,255,1) 0%,rgba(23,105,180,1) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d4ff', endColorstr='#1769b4',GradientType=0 );
	}	
	.menu-info li a { display:block; color:#fff; }
	
	/*
	.menu li { display:inline-block; text-align:center; margin-right:70px; position:relative; }
	.menu li:last-child { margin-right:0; }
	.menu li:before { content:""; height:20px; border-right:2px solid #fff; position:absolute; right:-35px; bottom:6px; }
	.menu li:last-child:before { content:""; border-right:0; }
		
	.menu li a { font-size:15pt; color:#fff; letter-spacing:5px; font-weight:bold; }
	.menu li a:hover,.menu li a.active { color:#c59b6d; }
	.menu li .img2 { display:none;}
	.menu li a:hover .img2,.menu li a.active .img2 { display:block;}
	.menu li a:hover .img1,.menu li a.active .img1 { display:none;}
	*/
		/*  rwd menu  */
		.rwdmenubtnbox { display:none; float:right; padding:18px 0;}
		.rwdmenubtn { color:#fff; font-size:25pt; }
		.rwdclosebtn { display:none; color:#fff; font-size:25pt; }	
		
		.rwdmenubox { display:none; position:fixed; top:0; left:0; width:270px; height:100%; background-color:#333333; z-index:99999; opacity:0;
									-moz-transform:translateX(-100%);
									-webkit-transform:translateX(-100%);
									-o-transform:translateX(-100%);
									-ms-transform:translateX(-100%);
									transform:translateX(-100%);	
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
		} 
		.rwdmenubox.in { opacity:1;
									-moz-transform:translateX(0);
									-webkit-transform:translateX(0);
									-o-transform:translateX(0);
									-ms-transform:translateX(0);
									transform:translateX(0);
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
		}
		
	  .rwdmenumask { width:100%; z-index:9999;}
	  .rwdmenumask.in { opacity:0; }
		
		.rwdmenu { padding:15px; text-align:center; }
		.rwdmenu li { border-bottom:1px solid #fff; padding:10px 0; margin: 0 30px; }
		.rwdmenu li a { font-size:14pt; font-weight:bold; color:#fff; display:block; text-shadow: 2px 2px 3px #6987b3; }
		
		.rwdlinkbox { padding:15px; text-align:center; }
		.rwdlink li { display:inline-block; width:81px; }
	
	/*  index  */
	.wrap.indexbox { margin-top:61px; /*overflow-y:hidden;*/  }
	.indexbg { background-color:#fff; }
	.classbox { padding:15px; padding-top:34px; width:220px; height:100%; position:fixed; top:61px; left:0;  z-index: 8; }
	.classbg { background-color:#666666; }
	.classbtnbox { display:none; }
	.class-sub { padding:10px 0; border-bottom:1px solid #4D4D4D; }
	.class li { padding:5px 0; text-align:left; border-bottom:1px solid #4D4D4D; position:relative; }
	.class li a {  margin-left:49px; font-size:12pt; color:#fff; }
	.class li a:hover,.class li a.active { color:#F18A13; }
	.class li a:hover:before,.class li a.active:before { content:"—"; position:absolute; left:10px; top:5px; color:#F18A13; }
	
	.productbox { padding:40px 40px 0 40px; padding-bottom:42px; }
	#loginbox { margin:30px auto; }
	.productbox h3 { padding:10px 0; padding-left:10px; border-bottom:1px dotted #959595; }
	.productbox h3:before { content:""; position:absolute; left:0; top:8px; width:4px; height:30px; background-color:#F18A13; border-radius:3px; }
	
	.product { /*margin:0 -10px;*/ }
	.product li { float:left; margin:20px 0; margin-right:100px; padding:15px; /*margin:20px 10px;*/ width:calc(100%/6 - 90px); }
	.product li.hots {
		-webkit-box-shadow: 0px 0px 20px 3px rgba(240,166,19,0.34);
-moz-box-shadow: 0px 0px 20px 3px rgba(240,166,19,0.34);
box-shadow: 0px 0px 20px 3px rgba(240,166,19,0.34);
	}
	.product li:nth-child(6n) {  margin-right:0; }
	
	.pd-sub1,.pd-sub2 { overflow:hidden; height: 32px; }
	.pd-sub1,.pd-sub2 { padding:8px 0; text-align:center; color:#333333; }
	.pd-sub1:before { content:" "; position:absolute; left:0; top:0; width:100%; border-top:1px solid #959595;  }
	.pd-sub2:before { content:" "; position:absolute; left:0; top:0; width:100%; border-top:1px solid #959595;  }
	
	/* product */
	.product-detailbox { margin:50px 0;}
	.product-detailbox .imgbox img { width:40%; margin: 0 auto; }
	
	.articlebox { padding-left:97px; text-indent:-97px; }
	
	.product-detailbox .cols-per-50:first-child{ padding-bottom:30px; border-bottom:2px solid #e2e2e2; }
	
	/* hack  */
	/*
	.bx-controls-direction { position: static; }
	.bx-controls.bx-has-pager.bx-has-controls-direction { position: static; }
	.bx-pager.bx-default-pager { display:none; }
	.bx-controls-direction { position:initial; }
	.bx-wrapper .bx-controls-direction a { width:50px; height:50px; margin: 0; z-index:9; }
	.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #ababab; }
	.bx-wrapper .bx-prev { left: 63px; background: url(../images/01index/left_01.png) no-repeat center; }
	.bx-wrapper .bx-next { right: 63px; background:url(../images/01index/right_01.png) no-repeat center; }
	.bx-wrapper .bx-next:hover { background-position:0; }
	
	.owl-pagination { display:none; }
	.owl-partnerbox { width:100%; position:absolute; left:0; top:calc(50% - 50px / 2); }
	.owlprev { position:absolute; left:-100px; }
	.owlnext { position:absolute; right:-100px; }
	*/
	
	#loginbox { width:300px; margin:30px auto; }
	#regbox { width:600px; margin:30px auto; }
	.form-subjec { font-size:14pt; padding: 10px 0; border-bottom: 1px dotted #959595;}
	.form-subjec:before { content:""; background:#F18A13; width:3px; height:22px; margin-right:5px;  border-radius:2px; display:inline-block; vertical-align:middle;}
@media screen and (max-width: 1680px) {
	/* index */
	.cols-box .cols-per-88 { width:86%; }
	.product li { margin-right:100px; width:calc(100%/6 - 84px); }
}
@media screen and (max-width: 1600px) {
	/* index */
	.product li { margin-right:90px; width:calc(100%/6 - 75px); }
}	
@media screen and (max-width: 1440px) {
	/* index */
	.cols-box .cols-per-88 { width:84%; }
	.product li { margin-right:55px; width:calc(100%/6 - 46px); }
}	
@media screen and (max-width: 1024px) {
	/* footer */
	.footer-info li { margin-right:6px; }
	
	/* index */
	.cols-box .cols-per-88 { width:78%; }
	.productbox { padding-bottom: 60px; }
	
	#loginbox { margin:30px auto; }
	.product { margin:0 -10px; }
	.product li { margin-right:0; margin:10px; width:calc(100%/4 - 20px); }
	.product li:nth-child(6n) {  margin-right:10px; }
	.ifindex .imgbox { width:140px; height:238px; overflow:hidden;}
	/* product */
	.productbox .cols-per-50 { width:100%; }
}	
@media screen and (max-width: 768px) {
	/* header */
	.headerbox { padding:5px 15px; }
	.logobox { top: -5px; }
	.logobox img { width:140px; }
	
	/* footer */
	.footerbox { position:static; padding:5px 15px; }
	.footer-info li { margin-right:0; display:block; text-align:left; margin-bottom:5px; }
	.footer-info li:last-child { margin-bottom:0; }
	.footer-info li.copyright{ margin-left:0; text-align:center; }
	
	/* index */
	.wrap.indexbox { margin-top:41px; }
	.cols-box .cols-per-12 { width:100%; padding:0 15px; }
	.cols-box .cols-per-88 { width:100%; padding:0 15px; }
	.classbox { position:static; width:100%; padding-top:35px; border-radius: 0 0 5px 5px; }
	.class-sub { text-align:center; }
	.class li { text-align:center; }
	.class li a { margin-left:0; position: relative; }
	.class li a:hover:before, .class li a.active:before { top:0; left:-25px; }
	.classbtnbox { display:block; float:right; z-index:1; }
	.class { max-height:0; overflow:hidden;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}	
	.class.active { max-height:1000px; }	
	.productbox { padding:15px 0; }
	#regbox { width:400px; margin:30px auto; }
	.formlicontent { width:100%; display:block; margin:5px 0 10px 0;}
	#loginbox { margin:30px auto; }

	/* product */
	.product-detailbox .cols-per-50.padding-r-30 { padding: 0; }
	.product-detailbox .text-right.margin-t-40 { text-align:center; }
}
@media screen and (max-width: 425px) {
	/* header */
	.headerbox { height:41px; }
	.menu-infobox { position:fixed; bottom:0; left:0; width:100%; padding:5px 15px;
		background: rgb(238,238,238);
		background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(178,178,178,1) 100%);
		background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(178,178,178,1) 100%);
		background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(178,178,178,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b2b2b2',GradientType=0 );			
	}
	.menu-info { text-align:right; }
	.menu-info li { float:none; display:inline-block; }
	/* index */
	.wrap.indexbox { margin-bottom:41px; }
	.product li { width: calc(100%/3 - 20px); }
	.ifindex .imgbox { width:94px; height:160px; overflow:hidden;}
	/* product */
	.articlebox { padding-left:initial; text-indent:initial; }
	.product-detailbox .imgbox img { width:100%; }
}
@media screen and (max-width: 375px) {
	/* index */
	.product li { width: calc(100%/2 - 20px); }
	#regbox { width:350px; margin:30px auto; }
	.hint-txt { display:inline-block; width:100%; margin-bottom:15px; }
	.formlicontent { width:100%; display:block; margin:5px 0 10px 0;}
	.formliinput { width:100%;}
	.formliinput input[type=text],
	.formliinput input[type=email],
	.formliinput input[type=password],
	.formliinput select { width:100%; }
	.ifindex .imgbox { width:135px; height:231px; overflow:hidden;}
}
@media screen and (max-width: 320px) {
	/* header */
	.menu-info { text-align:center; }
	
	/* product */
	.browsebtn { padding:5px; }
	.downloadbtn { padding:5px; }
	.ifindex .imgbox { width:108px; height:184px; overflow:hidden;}
}


.iframe { border:0; width:1024px; height:768px;  margin:0 auto; display:block;}