/* Copyright 2017, appleseo TANK
 * 2017 / 07 / 19
 */

* { margin: 0; padding: 0; }

body { margin:0; }

div, nav, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li, a , i { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; line-height: 170%; border-width: 0; font-family: '微軟正黑體', '蘋果儷中黑', "Lucida Grande", "Arial", "Arial Narrow"; vertical-align: initial; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

hr { border-top:1px #000 solid; margin:0 0 10px 0; }
th { font-weight: normal; }

ul, ol { list-style: none; }

fieldset { border: 0; }
input , button , select , textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover { text-decoration: none; }

.wow { -webkit-animation: 1.5s both; -moz-animation: 1.5s both; -ms-animation: 1.5s both; -o-animation: 1.5s both; animation: 1.5s both; }

.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical;	 }

body ::selection { background: #65b13e; color: #fff; }
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-track { background: #c5c5c5; }
body::-webkit-scrollbar-thumb { background: #65b13e; outline: 1px solid #fff; }
body::-webkit-scrollbar-thumb:hover { background: #319100; }

input::-webkit-input-placeholder { color: #fff; }
header #serch input::-moz-placeholder { color: #fff; }
header #serch input:-ms-input-placeholder { color: #fff; }
header #serch input:-moz-placeholder { color: #fff; }

section { overflow: hidden; margin: 0 auto; width: 1160px; }

.wrapper { position: relative; width: 100%; font-size: 14px; }

/* jumpDiv, jumpIframe */
#jumpDiv , #jumpIframe { position: relative; background: #fff; top: 0; left: 0; z-index: 50; }

/* a.photo */
a.photo { overflow: hidden; background: no-repeat 50% / 100% auto; display: block; }
a.photo img { width: 100%; }

/* header */
header { position: sticky; width: 100%; background: #000; top: 0; z-index: 999; }
header #cis { position: absolute; width: 100%; text-align: center; top: 0; left: 0; z-index: 1; }
header h3 { position: relative; display: none; font-size: 30px; color: #65b13e; z-index: 10; }
header #serch , header #link { margin: 30px 0; position: relative; float: left; z-index: 2; }
header #serch a , header #serch input { padding: 5px 20px; background: #319100; display: inline-block; }
header #serch input { width: 300px; }
header #serch input { background: #1d1f1c; color: #fff; }
header #serch a img { vertical-align: middle; }
header #link { float: right; color: #fff; }
header #link a { margin: 0 5px; color: #fff; display: inline-block; }
header #link a.login , header #link a.member { padding: 5px 10px; background: #65b13e; }
header #link a.login:hover , header #link a.member:hover { opacity: .7; }
header #link a.member { background: #f76800; }

/* newBox */
#newBox { overflow: hidden; }
#newBox .h1 { position: absolute; top: 0; z-index: -1; }
#newBox h3 , #newBox .newList { width: 20%; display: inline-block; vertical-align: -webkit-baseline-middle; }
#newBox .newList { overflow: hidden; padding: 5px 1%; width: 77%; height: 27px; background: rgba(232, 232, 232, 0.28); border-radius: 50px; }
#newBox .newList #Ntext { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; color: #fff; }
#newBox .newList #Ntext span , #newBox .newList #Ntext a { font-size: 16px; color: #fff; }

/* wrap */
.wrap { margin: 15px auto; min-height: 602px; }
.wrap h2.title i { font-size: 26px; vertical-align: initial; }

/* join */
#join { position: fixed; right: 0px; bottom: 250px; font-size: 40px; color: #fff; text-shadow: 0 0 10px #000; z-index: 999; width: 180px;}

/* gotop */
#gotop { position: fixed; bottom: 23px; right: 23px; }
#gotop a { width: 55px; height: 55px; display: block; background: #458e20; box-shadow: 0 3px 10px rgba(0, 0, 0, .5); border-radius: 50%; line-height: 48px; text-align: center; font-size: 22px; color: #fff; }

/* footer */
footer { padding: 15px 0; background: #303030; color: #fff; }
footer p { margin: 5px 0; text-align: center; }
footer a { color: #fff; }

/* indexBox */
#indexBox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); text-align: center; top: 0; left: 0; z-index: 99999; }
#indexBox #ask-wrap { position: relative; margin: 15% 0 0;　box-shadow: 0 0 10px #000; display: inline-block; }
#indexBox #ask-wrap a#closePop { position: absolute; width: 25px; height: 25px; background: #44971b; border-radius: 50%; box-shadow: 0 0 10px #000; display: inline-block; text-align: center; line-height: 24px; color: #fff; top: -12.5px; right: -12.5px; }
#indexBox #ask-wrap article a { display: inline-block; }

@media screen and (max-width: 1280px) {
	section { width: 960px; }
	header #serch input { width: 250px; }
}
@media screen and (max-width: 1000px) {
	section { width: 95%; }
	header #cis { left: 10px; text-align: left; }
	header .mobile { float: right; }
	header #serch , header #link { margin: 10px 0; float: none; text-align: right; }
	header #serch input { width: 150px; }
	#newBox h3 { width: 35%; }
	#newBox .newList { width: 62%; }
	#newBox .newList marquee span , #newBox .newList marquee a { font-size: 14px; }
}
@media screen and (max-width: 640px){
	#indexBox #ask-wrap { margin: calc((100% - (100% - 250px)) / 2) auto 0; padding: 10px 0 10px 10px; width: 290px; height: 230px; }
	#indexBox #ask-wrap article { padding-right: 10px; }
}
@media screen and (max-width: 450px) {
	header { height: 96px; }
	header #cis { left: 0; text-align: center; }
	header h3 { display: inline-block; }
	header nav { overflow: hidden; position: absolute; width: 100%; height: 0; background: #000; top: 95px; left: 0; z-index: 99; }
	header .menuOpen { height: 96px; }
	header #serch , header #link { float: none; text-align: center; }
	#newBox h3 { display: none; }
	#newBox .newList { width: 98%; }
}