@charset "utf-8";
/*  global  */
	body{ font-family: Arial,"Microsoft JhengHei";}
	.wrap{ width:100%;}
	.container{ width:1200px; margin: 0 auto;}
	.container.container-maxout { width:1500px; }
	.container.container-zoomout { width:1000px; }
	.container.container-xmiddle { width:850px; }
	.container.container-middle { width:700px; }
	.rwd-img { width:100%;}
	.rwd-maximg { max-width:100%;}
	.imgbox { overflow:hidden;}
	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;}
	
/*	==========================================	*/

	/*  icon  */
	.footericon { padding-left:35px; }
	.icon-tel { background:url(../images/index/icon_06.png) no-repeat left; }
	.icon-fax { background:url(../images/index/icon_07.png) no-repeat left; }
	.icon-mail { background:url(../images/index/icon_08.png) no-repeat left; }
	.icon-loc  { background:url(../images/index/icon_05.png) no-repeat left; }
	
	/*  onscrolling  */
	/*.wrap.indexbox.onscrolling .header-top-bg { background-color:#fff; }*/
	/*.onscrolling .headerbg { background-color:rgba(255,255,255,1); }*/
	
	/*  header  */
	.headerbox { 
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}
	.headerbg { background-color:#8FC31F; }
	.headerbg:before { content:""; position:absolute; top:0; left:0; width:100%; background-color:#3E3A39; height:90px; }

	.logobox { float:left; }
	.logobg { padding: 10px; background-color:#DAE000; }
	.logo2box { float:left; margin: 15px 0 0 20px; }
	
	.header-infobox { float:right; margin-top:36.5px; }
	.header-info li { float:left; padding:0 10px; border-right:1px solid #fff; }
	.header-info li:last-child { border-right:0; padding-right:0; }
	.header-info li a { color:#fff; }
	
	
	
	
	.menubox { float:right; margin-top:23px; }
	.menu li { float:left; text-align:center; margin-right:80px; position:relative; }
	.menu li:last-child { margin-right:0; }
	.menu li a { font-weight:bold; color:#fff; display:block; text-align:center; }
	.menu li a.active:before { content:""; position:absolute; top:26px; left:0; width:100%; border-bottom:3px solid #3d393a; }

		/*  rwd menu  */
		.rwdmenubtnbox { display:none; float:right; z-index:99;  }
		.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:#8fc31f; 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 { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;	
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;	  	
	  }
	  .rwdmenumask.in { display:block; }
		
		.rwdmenu { padding:15px; text-align:center; }
		.rwdmenu li { border-bottom:1px solid #fff; padding:10px 0; margin: 0 30px; }
		.rwdmenu li a { font-size:12pt; color:#FFFFFF; display:block; }
		
	/*	footer	*/
	.footerbox { padding:15px; }
	.footerbg { background-color:#3e3a39; }
	
	.footer-text2 li { float:left; margin-right:30px;  }
	
	
	

	.gotop { position:fixed; right:calc((100% - 1200px - 55px)/ 2); bottom:15px; opacity:0; 
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;			
	}
	.gotop.active { opacity:1; }

	/*  index  */
	.goldsettingbox { margin:30px 0; }
	
	.gold-left { float:left; width:225px; padding-right:25px; }
	.gold-right { float:left; width:calc(100% - 225px); }
	
	.class li { text-align:center; margin-bottom:10px; }
	.class li a { padding:10px 15px; display:block; color:#fff; background-color:#3e3a39; }
	.class li:hover a,.class li a.active { color:#92c32c; }
	
	/* vote */
	
	.votelist li { padding:15px 0; border-bottom:2px solid #6b6b6b; }
	.votelist li:last-child { border-bottom:0; }
	.votelist .cols-per-30 { width:230px; }
	.votelist .cols-per-30 .imgbox { width:230px; }
	.votelist .cols-per-70 { width:calc(100% -  230px); padding:10px 0 0 15px; }
	
	
	.votelist .subbox  { float:left; }
	.votelist .starbox { float:right; }
	.votelist .nubbox { clear:both; }
	.votelist .textbox { width:calc(100% - 205px); padding-right:15px; }
	.votelist .btnbox {  width:190px; }
	
	.votelist .starbox span { vertical-align:sub; }
	.votelist .starbox img { margin-left:5px; }
	
	/* works */
	.worksbtnbox { width:500px; margin:50px auto; }
	
	/* member */
	.registerbox { margin:30px 0; }
	
	.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; }
	.formlicontent {  width: 100px; text-align: justify; }
	.formlicontent, .formliinput { display: inline-block; }
	.form-control { color: #4d4d4d; height: 32px; border-radius: 3px; border: 1px solid #d0d0d0; background-color: #fff;  padding: 8px 15px; margin: 8px 0; width: auto;  box-sizing: border-box; }
	.select.form-control {padding:0 15px;}
	.codetexr.form-control { width:100px; }
	
	.loginbox { text-align:center; width:487px; margin:30px auto; }
	.loginform { background-color:#f7f9f8; padding:15px; border: 1px solid #eaedec; }
	.loginform .formlicontent { width:50px; }
	.loginform .formliinput { width:85%; }
	.loginform .formliinput .form-control { width:100%; }
	.loginform .formliinput .codetexr.form-control { width:100px; }
	.loginform .regbtn { padding:10px 30px; }

	/* hack  */
	.bx-controls-direction { display:none; }
	.bx-wrapper .bx-pager.bx-default-pager a { background-color:rgba(255,255,255,0.44); border:0; width:16px; height:16px; border-radius:50px; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#fff; }

	.articlebox img { max-width:100%; }
	.mCSB_inside>.mCSB_container { margin-right: 0; }
	
	

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1024px) {
	/*  global  */
	.container{ width:100%; }
	
	/* header */
	.header-top { padding:0 15px; }
	
	/* index */
	.goldsettingbox { padding: 0 15px; }

}

@media screen and (max-width: 768px) {
	
	/* header */	
	.header-top { padding:10px 15px; }
	.logobox { display:none; }
	.logo2box { margin: 0; width:100%; }
	.menubox { display:none; }
	.header-infobox { display:none; }
	.rwdmenubtnbox { display:block; }
	.logo2 { float:left; }
	.rwdmenubtnbox { float:right; }
	.rwdmenubox { display:block; }
	.rwdmenubox:before { content: ""; position: absolute;  top: 0;  right: 0;  width: 97%;  background-color: #3E3A39; height: 100%; }	
	.rwdlogo { text-align:center; }
	
	/* index */
	.gold-left { width:100%; float:none; padding: 0; }
	.gold-right { width:100%; float:none;}
	.gold-sub { text-align:center; }
	
	.pd-menubtnbox { display:block; }
	
	.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; }

}

@media screen and (max-width: 736px) {

}

@media screen and (max-width: 667px) {

}

@media screen and (max-width: 568px) {

}

@media screen and (max-width: 425px) {
	
	/* footer */
	.footer-text1 { letter-spacing:0; }
	
	/* header */
	.logo2 { width:220px; }
	.headerbg:before { content: "";height: 48px; }
	
	/* works */
	.worksbtnbox { width:100%; }
	.worksbtnbox .float-left { float:none; }
	.worksbtnbox .float-right { float:none; }
	.worksbtnbox .worksbtn { margin:10px;}
	.worksbtn-2 { padding: 0 60px; }
	
	/* jury */
	.jury .cols-per-30 { width:100%; }
	.jury .cols-per-70 { width:100%; padding: 0; }
	
	/* member */
	.formlicontent { width:100%; margin:5px; }
	.formlicontent, .formliinput { display:block; }
	.form-control { width:100%; }
	.loginbox { width:100%; }
	.loginform .formliinput { width:100%; }
	
	/* vote */
	.votelist .cols-per-30 { width:100%; }
	.votelist .cols-per-30 .imgbox { width:100%; }
	.votelist .cols-per-70 { width:100%; padding: 0; margin-top:10px; }
	.votelist .textbox { width:100%; padding: 0; margin-bottom:10px; }
	.votelist .btnbox { width:100%; text-align:center; }
	.table-per-30 { display:block; }
	.table-per-70 { display:block; }
	.votelist .starbox { float:none; }
	.votelist .subbox { float:none; }
	

}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 320px) {


}