*{ -webkit-text-size-adjust: none; }

body { margin:0; border:0; width:100%; color: #000; font-size: 14px; }

div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong { text-align: left; vertical-align: middle; margin: 0px; padding: 0px; word-wrap: normal; word-break: normal; border-width:0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; line-height:170%; outline:none; }

hr { noshade:noshade; }

th { font-weight: normal; }

ul { list-style: none; margin: 0; padding: 0; overflow:hidden; }

li { list-style: none; }

a , a:hover { text-decoration: none; cursor: pointer; outline:none; color:#000; }

img { max-width:100%; }

br { font-family:Arial !important; }

.pageh1 { position:fixed; z-index:-8989898; opacity:0; color:#fff; }

/* index */
.wrapper #index { overflow: hidden; margin: 0 auto; width: 960px; min-height: 700px; background: url(/images/01/bg-index.jpg) no-repeat 0 bottom; }
.wrapper #index #title { margin-top: 60px; }
.wrapper #index ul.mainService { margin: 40px 0; padding: 15px; width: 480px; background: url(/images/01/bg-mainService.jpg) no-repeat 0 0 #093961; overflow: hidden; }
.wrapper #index ul.mainService li { padding: 10px; border-bottom: 1px #e1e1e1 solid; background: #fff; color: #5b5b5b; font-size: 18px; }
.wrapper #index ul.mainService li a { position: relative; display: block; }
.wrapper #index ul.mainService li a i { position: absolute; top: calc(50% - 9px); right: 10px; }

/* index font */
.wrapper #index #search { margin: 40px 0; padding: 20px; width: 480px; height: 100px; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 ); border: 1px solid #cccccc; box-shadow: 0px 2px 1px #e8e8e8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.wrapper #index #search p { overflow: hidden; }
.wrapper #index #search p label { margin: 0 0 10px; display: block; font-size: 18px; font-weight: bold; }
.wrapper #index #search p input { margin: 0 0 10px; padding: 0 5px; width: 90%; height: 30px; border: 1px #ccc solid; line-height: 30px; font-size: 15px; }
.wrapper #index #search p a { width: 70px; height: 25px; background: #525252; background: -moz-linear-gradient(top, #525252 0%, #747474 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#747474)); background: -webkit-linear-gradient(top, #525252 0%,#747474 100%); background: -o-linear-gradient(top, #525252 0%,#747474 100%); background: -ms-linear-gradient(top, #525252 0%,#747474 100%); background: linear-gradient(to bottom, #525252 0%,#747474 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#747474',GradientType=0 ); display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; line-height: 25px; font-size: 12px; color: #fff; }

/* main */
.wrapper #main { margin: 15px auto; width: 1160px; font-size: 16px; }

/* contractWrap */
#contractWrap h4 { font-size: 22px; text-align: center; }
#contractWrap h5 { margin: 10px 0; font-size: 18px; }
#contractWrap .item { margin-top: 25px; overflow:hidden; position:relative; }

/* cooperation */
#cooperation >ol { margin-left:15px; padding: 0 0 0 25px; }
#cooperation ul.a { list-style-type: circle; }
#cooperation ul.b { list-style-type: disc; }
#cooperation ul.c { list-style-type: square; }
#cooperation ol.d { list-style-type: armenian; }
#cooperation ol.e { list-style-type: cjk-ideographic; }
#cooperation ol.f { list-style-type: decimal; }
#cooperation ol.g { list-style-type: decimal-leading-zero; }
#cooperation ol.h { list-style-type: georgian; }
#cooperation ol.i { list-style-type: hebrew; }
#cooperation ol.j { list-style-type: hiragana; }
#cooperation ol.k { list-style-type: hiragana-iroha; }
#cooperation ol.l { list-style-type: katakana; }
#cooperation ol.m { list-style-type: katakana-iroha; }
#cooperation ol.n { list-style-type: lower-alpha; }
#cooperation ol.o { list-style-type: lower-greek; }
#cooperation ol.p { list-style-type: lower-latin; }
#cooperation ol.q { list-style-type: lower-roman; }
#cooperation ol.r { list-style-type: upper-alpha; }
#cooperation ol.s { list-style-type: upper-greek; }
#cooperation ol.t { list-style-type: upper-latin; }
#cooperation ol.u { list-style-type: upper-roman; }
#cooperation ol.v { list-style-type: none; }
#cooperation ol.w { list-style-type: inherit; }
#cooperation li { margin: 5px 0; list-style: inherit; word-wrap: break-word; word-break: break-all; }
#cooperation font.baColo { background: #ffe500; }
#cooperation font.border { text-decoration: line-through; }

/* time */
#contractWrap .item.time { text-align: center; font-size: 20px; }
#contractWrap .item.time font { margin: 0 15px; }
#contractWrap #bottomInfo .item ul { padding-left: 32px; }

/* signatureWrap */
#signatureWrap { position: relative; margin: 20px 0; padding: 10px; background: #fff; border-radius: 2px; box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); }
#signatureWrap h4 { margin-bottom: 50px; text-align: center; font-size: 30px; color: #7E7E7E; }
#signatureWrap h4:before , #signatureWrap h4:after { position: absolute; width: 40%; height: 1px; top: 45px; content: ""; }
#signatureWrap h4:before { background: rgb(126,126,126); background: -moz-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); left: 0px; }
#signatureWrap h4:after { background: rgb(126,126,126); background: -moz-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%); right: 0px; }
#signature { margin: 0 auto 50px; width: 100%; background: #e4e4e4; box-shadow: 0 0 5px #868686; }
#signature > div { position: relative !important; }
#signature > div input { padding: 5px 60px; background: #e26b02; color: #fff; font-size: 18px; top: -1.5em !important; left: calc(50% - 90px) !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

#tools { text-align: center; }
#tools a { margin: 0 10px; padding: 5px 60px; background: #dc1818; color: #fff; font-size: 18px; display: inline-block; }
#tools a#btnClear { background: #444; }

#signatureWrap .box .sImage { text-align: center; }
#signatureWrap .box .sImage img { width: 50%; }

/* sign-seal */
.sign-seal { position: absolute; right: 0; top: 100px; z-index: -1; }

/* upform1 */
#upform1 { width: 400px; }
#upform1 .title { width: 80px; display: inline-block; }
#upform1 p { overflow: hidden; position: relative; padding-left: 6px; width: calc(100% - 200px); display: inline-block; border: 1px #e68080 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#upform1 p label { position: absolute; padding: 6px 10px; background: #d33d3d; display: inline-block; border: 1px #e68080 solid; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; font-size: 14px; color: #fff; top: -1px; left: -3px; }
#upform1 #userfile { padding: 8px 0 3px; }
#upform1 button { margin-left: 10px; padding: 7px 10px; background: #000; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #fff; }

/* gotop */
#gotop { position: fixed; right: 10px; bottom: 10px; }
#gotop a { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.58); display: block; line-height: 30px; font-size: 20px; text-align: center; color: #fff; }

@media screen and (max-width:1024px) {
	.wrapper #main { width: 90%; }
}
@media screen and (max-width:980px) {
	.wrapper #index { width: 100%; background-position: right bottom; }
	.wrapper #index #title , .wrapper #index ul.mainService , .wrapper #index #search { margin-left: 50px; }
	#signatureWrap .box .sImage img { width: auto; }
}
@media screen and (max-width:680px) {
	.wrapper #index ul.mainService , .wrapper #index #search { width: calc(90% - 65px); }
}
@media screen and (max-width:480px) {
	.wrapper #index { background-position: 90% bottom; }
	.wrapper #index #title { margin: 10px 20px; }
	.wrapper #index ul.mainService , .wrapper #index #search { margin: 20px; padding: 10px; width: calc(100% - 60px); }
	#bottomInfo .item:first-child { background-position: 50%, right 50%; }
	.sign-seal{ position: initial; }
}
@media screen and (max-width:3750px) {
	#tools a { padding: 5px 40px; }
}