* { margin: 0; padding: 0; }

body { margin:0; color: #333; font-size: 14px; }

header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, span, font, strong, b, a, i { text-align: left; vertical-align: middle; margin: 0; padding: 0; line-height: 170%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 17px; word-wrap: break-word; word-break: break-all; }

hr { noshade:noshade; }

th { font-weight: normal; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

/* anchor */
a:link, a:visited { color: #626262; font-weight: normal; text-decoration: none; }
a:hover { color: #900; text-decoration: none; }

/* clear,clearfix */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; content: "."; }

/* hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block;} 
/* end hide from IE-mac */

/* wrapper */
.wrapper { margin: 0 auto; width: 960px;; overflow: hidden; position: relative; }

/* contracts */
.wrapper #contracts { margin: 15px 0; }
.wrapper #contracts .title , .wrapper #contracts .payment h2 , .wrapper #contracts #seo h2 { padding: 6px 10px; background: #e0edf3; overflow: hidden; }
.wrapper #contracts .title .word { display: inline-block; float: left; font-size: 16px; color: #333; }
.wrapper #contracts .title .date { float: right; font-size: 16px; color: #333; }
.wrapper #contracts fieldset { margin: 0; padding: 0; border: 0; border-top: 1px solid #b5cbd0; }
.wrapper #contracts fieldset p ,
.wrapper #contracts fieldset .item ,
.wrapper #contracts .payment ul li ,
.wrapper #contracts #seo ul li { border-bottom: 1px #b5cbd0 solid; overflow: hidden; line-height: 35px; }
.wrapper #contracts fieldset p label ,
.wrapper #contracts .payment ul li span ,
.wrapper #contracts #seo ul li span { margin: 0 10px 0 0; padding: 6px 10px 6px 0; width: 110px; background: #f4f7f8; border-right: 1px dotted #dedede; display: block; float: left; text-align: right;	 }
.wrapper #contracts fieldset p input { width: 80%; height: 28px; float: left; line-height: 31px; border: 1px #bbb solid; margin: 7px 0; }
.wrapper #contracts fieldset p select { height: 28px; float: left; line-height: 31px; border: 1px #bbb solid; margin: 7px 0; }
.wrapper #contracts fieldset .item p { width: 50%; border: 0; float: left; }
.wrapper #contracts fieldset .item p input { width: 50%; float: left; }
.wrapper #contracts fieldset .item .phone { width: 33%; }

/* program */
.wrapper #contracts #program { margin: 15px 0; }
.wrapper #contracts #program h2 { padding: 8px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);  background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); border-radius: 5px 5px 0 0; border: 1px solid #e1e1e1; font-size: 14px; font-weight: normal; }
.wrapper #contracts #program .wrap { margin: 0 0 10px; border-bottom: 2px #dedede solid; overflow: hidden; }
.wrapper #contracts #program .wrap .list ,
.wrapper #contracts #program .wrap .listL { width: 319px; border-right: 1px #dedede dotted; float: left; }
.wrapper #contracts #program .wrap .list h3 ,
.wrapper #contracts #program .wrap .listL h3 { margin: 15px 10px 10px; color: #333; }
.wrapper #contracts #program .wrap .list p ,
.wrapper #contracts #program .wrap .listL p { margin: 0 0 10px 25px; }
.wrapper #contracts #program .wrap .list .hot,
.wrapper #contracts #program .wrap .listL .hot { line-height: 170%; color: #333; }
.wrapper #contracts #program .wrap .list .hot strong ,
.wrapper #contracts #program .wrap .listL .hot strong { color: #F00; }
.wrapper #contracts #program .wrap .program h3 { margin: 15px 10px 10px; color: #333; }
.wrapper #contracts #program .wrap .program p { margin: 0 0 10px 25px; }
.wrapper #contracts #program .wrap .program .hot { line-height: 170%; color: #333; }
.wrapper #contracts #program .wrap .program .hot strong { color: #F00; }
.wrapper #contracts #program .wrap .listL { width: 320px; border: 0; }
.wrapper #contracts #program .remark { overflow: hidden; }
.wrapper #contracts #program .remark p { padding: 3px 0; width: 560px; float: left; text-align: right; }
.wrapper #contracts #program .remark .price { margin-left: 10px; width: 390px; text-align: left; color: #F00; font-weight: bold; }
.wrapper #contracts #program .remarkHot { margin: 10px 0 0 225px; }

/* payment */
.wrapper #contracts .payment , .wrapper #contracts #seo , .wrapper #contracts #precautions { margin: 0 0 15px; }
.wrapper #contracts .payment ul , .wrapper #contracts #seo ul { border-top: 1px solid #b5cbd0; }
.wrapper #contracts .payment ul li , .wrapper #contracts #seo ul li { line-height: 32px; }
.wrapper #contracts .payment ul li span , .wrapper #contracts #seo ul li span { line-height: 20px; }

/* precautions */
.wrapper #contracts #precautions h2 { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px #333 solid; font-size: 16px; }
.wrapper #contracts #precautions ul { padding: 0 0 0 20px; list-style: disc; }
.wrapper #contracts #precautions ul li { margin: 0 0 5px; list-style: disc; line-height: 170%; }

/* signatureBar */
.wrapper #contracts #signatureBar { border: 1px #333 solid; overflow: hidden; }
.wrapper #contracts #signatureBar #customers { width: 100%; border-right: 1px #333 solid; }
.wrapper #contracts #signatureBar #customers h3 ,
.wrapper #contracts #signatureBar #appSeo h3 { padding: 8px 0; background: #333; border-bottom: 1px #333 solid; text-align: center; font-size: 16px; color: #fff; }
.wrapper #contracts #signatureBar #customers #signature { margin: 20px auto 10px !important; }
.wrapper #contracts #signatureBar #customers #tools { margin: 0 auto; width: 100%; text-align: center; }
.wrapper #contracts #signatureBar #customers #tools input { width: 50%; text-align: center; padding: 10px 0; font-size: 24px; background: #94eecb; border: 1px #dedede solid; }
.wrapper #contracts #signatureBar #customers #tools input:first-of-type { background: #ff0000; color: #fff; }
.wrapper #contracts #signatureBar #appSeo { width: 100%; }
.wrapper #contracts #signatureBar #appSeo h3 { margin: 0 0 20px; }
.wrapper #contracts #signatureBar #appSeo .appseoCompany{ width: 85%; margin:0 auto; }
.wrapper #contracts #signatureBar #appSeo p { margin: 0 10px 15px; font-size: 20px; font-weight: bold; }
.wrapper #contracts #signatureBar #appSeo .hot { color: #C00; }

/* send */
.wrapper #contracts #send { text-align: center; margin: 10px auto 20px; }
.wrapper #contracts #send input { width: 100%; font-size: 24px; height: 70px; -moz-border-radius: 2px; text-align: center; color: #fff; background-color: #5f5f5f; }
#signatureparent { color:darkblue; background-color:darkgrey; padding:20px; }
#signature { width: 940px; margin: 2% 10% 2% 0; border: 2px #dedede solid; background: #efefef; position: relative; }

html.touch #content { float:left; width:92%; }
html.touch #scrollgrabber { float:right; width:4%; margin-right:2%; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==); }
html.borderradius #scrollgrabber { border-radius: 1em; }

/* index */
.wrapper #main { background: url(../images/bg-index.jpg) no-repeat 0 bottom; overflow: hidden; min-height: 700px; }
.wrapper #main h2 { margin: 60px 0 0 50px; width: 380px; height: 120px; background: url(../images/title-index.png) no-repeat 0 0; display: block; text-indent: -999999px; }
.wrapper #main ul.mainService { margin: 40px 0 0 50px; padding: 15px; width: 480px; background: url(../images/bg-mainService.jpg) no-repeat 0 0 #093961; overflow: hidden; }
.wrapper #main ul.mainService li { border-bottom: 1px #e1e1e1 solid; }
.wrapper #main ul.mainService li a { padding: 0 30px 0 10px; height: 30px; background: url(../images/arrow-index.jpg) no-repeat right 0 #fff; display: block; color: #5b5b5b; line-height: 30px; font-size: 18px; }
.wrapper #main ul.mainService li a:hover { background-position: right -30px; color: #043760; font-weight: bold; }

/* signature */
.wrapper #main h2.signature { background: url(../images/title-signature.png) no-repeat 0 0; }
.wrapper #main fieldset { margin: 40px 0 0 100px; padding: 20px; width: 480px; height: 100px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 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 #main fieldset p { overflow: hidden; }
.wrapper #main fieldset p label { margin: 0 0 10px; display: block; font-size: 18px; font-weight: bold; }
.wrapper #main fieldset p input { margin: 0 0 10px; padding: 0 5px; width: 400px; height: 30px; border: 1px #ccc solid; line-height: 30px; font-size: 15px; }
.wrapper #main fieldset p .btn ,
.wrapper #main .over 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; }

/* signatureOK */
.wrapper #main .over { margin: 40px 0 0 50px; width: 500px; }
.wrapper #main .over h3 { margin: 0 0 10px; padding: 5px 10px; background: #306; text-align: center; color: #fff; }
.wrapper #main .over p { margin: 0 0 15px; text-align: center; }
.wrapper #main .over p a { width: 150px; }

/* contact */
.wrapper #main h2.contact {/* background: url(../images/title-contact.png) no-repeat 0 0; */}

/* tab */
.wrapper .result_tab { margin: 0 0 20px; width: 960px; position: relative; }
.wrapper .result_tab .tabs { padding: 0 0 0 5px; width: 955px; height: 45px; border-bottom: 1px #db4d4b solid; overflow: visible; }
.wrapper .result_tab .tabs li { margin: 0 5px -1px 0; height: 44px; border: 1px #bdbdbd solid; border-bottom: 1px #db4d4b solid; float: left; overflow: hidden; position: relative; }
.wrapper .result_tab .tabs li a { padding: 0 10px; height: 44px; display: block; line-height: 44px; font-size: 16px; }
.wrapper .result_tab .tabs li.active { border: 1px #db4d4b solid; border-bottom: 1px #fff solid; }
.wrapper .result_tab .tabs li.active a { color: #fff; background: #db4d4b; }
.wrapper .result_tab .tab_container { clear: left; width: 958px; border: 1px #db4d4b solid; border-top: 0; overflow: hidden; }
.wrapper .result_tab .tab_container #tab2 ,
.wrapper .result_tab .tab_container #tab3 ,
.wrapper .result_tab .tab_container #tab4 ,
.wrapper .result_tab .tab_container #tab5 { display: none; }
.wrapper .result_tab .tab_container .tab_content { margin: 15px 15px 15px 17px; }
.wrapper .result_tab .tab_container .tab_content h3 { margin: 25px 0 0; }
.wrapper .result_tab .tab_container .tab_content p { margin: 0 0 15px; line-height: 180%; font-size: 16px; }
.wrapper .result_tab .tab_container .tab_content ol { margin: 0 0 0 10px; padding: 0 0 0 20px; list-style: decimal; }
.wrapper .result_tab .tab_container .tab_content ol li { margin: 0 0 10px; list-style: decimal; font-size: 16px; }
.wrapper .result_tab .tab_container .tab_content .form { margin: 10px 0 0; overflow: hidden; }
.wrapper .result_tab .tab_container .tab_content .form p { margin: 10px 0 0; text-align: right; font-size: 16px; color: #C00; font-weight: bold; }
.wrapper .result_tab .tab_container .tab_content .form .type ,
.wrapper .result_tab .tab_container .tab_content .form .type2 ,
.wrapper .result_tab .tab_container .tab_content .form .type3 ,
.wrapper .result_tab .tab_container .tab_content .form .type6 ,
.wrapper .result_tab .tab_container .tab_content .form .type6-2 ,
.wrapper .result_tab .tab_container .tab_content .form .type6-3 { padding: 5px; background: #db4d4b; overflow: hidden; }
.wrapper .result_tab .tab_container .tab_content .form .type .item ,
.wrapper .result_tab .tab_container .tab_content .form .type .time ,
.wrapper .result_tab .tab_container .tab_content .form .type .remark ,
.wrapper .result_tab .tab_container .tab_content .form .list .item ,
.wrapper .result_tab .tab_container .tab_content .form .list .time ,
.wrapper .result_tab .tab_container .tab_content .form .list .remark ,
.wrapper .result_tab .tab_container .tab_content .form .type2 .function ,
.wrapper .result_tab .tab_container .tab_content .form .type2 .item ,
.wrapper .result_tab .tab_container .tab_content .form .type2 .detail ,
.wrapper .result_tab .tab_container .tab_content .form .type2 .norm ,
.wrapper .result_tab .tab_container .tab_content .form .list .function ,
.wrapper .result_tab .tab_container .tab_content .form .list .item2 ,
.wrapper .result_tab .tab_container .tab_content .form .list .detail ,
.wrapper .result_tab .tab_container .tab_content .form .list .norm ,
.wrapper .result_tab .tab_container .tab_content .form .type3 .name ,
.wrapper .result_tab .tab_container .tab_content .form .type3 .subName ,
.wrapper .result_tab .tab_container .tab_content .form .type3 .info ,
.wrapper .result_tab .tab_container .tab_content .form .list .name ,
.wrapper .result_tab .tab_container .tab_content .form .list .subName ,
.wrapper .result_tab .tab_container .tab_content .form .list .info ,
.wrapper .result_tab .tab_container .tab_content .form .type6 p ,
.wrapper .result_tab .tab_container .tab_content .form .type6-2 p { margin: 0; width: 280px; border-right: 1px #fff dotted; float: left; text-align: center; color: #fff; }
.wrapper .result_tab .tab_container .tab_content .form .type2 .function ,
.wrapper .result_tab .tab_container .tab_content .form .type2 .item ,
.wrapper .result_tab .tab_container .tab_content .form .list .function ,
.wrapper .result_tab .tab_container .tab_content .form .list .item2 { width: 150px; }
.wrapper .result_tab .tab_container .tab_content .form .list .item2 { min-height: 28px; }
.wrapper .result_tab .tab_container .tab_content .form .list .item2 li ,
.wrapper .result_tab .tab_container .tab_content .form .list .detail li ,
.wrapper .result_tab .tab_container .tab_content .form .list .norm li ,
.wrapper .result_tab .tab_container .tab_content .form .list .subName li ,
.wrapper .result_tab .tab_container .tab_content .form .list .info li { border-bottom: 1px #cbcbcb dotted; text-align: center; font-size: 16px; }
.wrapper .result_tab .tab_container .tab_content .form .type2 .detail ,
.wrapper .result_tab .tab_container .tab_content .form .list .detail { width: 462px; }
.wrapper .result_tab .tab_container .tab_content .form .type3 .name ,
.wrapper .result_tab .tab_container .tab_content .form .type3 .subName ,
.wrapper .result_tab .tab_container .tab_content .form .list .name ,
.wrapper .result_tab .tab_container .tab_content .form .list .subName { width: 225px; }
.wrapper .result_tab .tab_container .tab_content .form .list { padding: 5px; border-bottom: 1px #cbcbcb dotted; overflow: hidden; }
.wrapper .result_tab .tab_container .tab_content .form .list .item ,
.wrapper .result_tab .tab_container .tab_content .form .list .time ,
.wrapper .result_tab .tab_container .tab_content .form .list .remark { height: 28px; border-right: 1px #333 dotted; color: #333; }
.wrapper .result_tab .tab_container .tab_content .form .list .function ,
.wrapper .result_tab .tab_container .tab_content .form .list .item2 ,
.wrapper .result_tab .tab_container .tab_content .form .list .detail ,
.wrapper .result_tab .tab_container .tab_content .form .list .norm ,
.wrapper .result_tab .tab_container .tab_content .form .list .name ,
.wrapper .result_tab .tab_container .tab_content .form .list .subName ,
.wrapper .result_tab .tab_container .tab_content .form .list .info { border-right: 1px #333 dotted; color: #333; }
.wrapper .result_tab .tab_container .tab_content .form .list .subName { min-height: 28px; }
.wrapper .result_tab .tab_container .tab_content .form .type .remark ,
.wrapper .result_tab .tab_container .tab_content .form .list .remark { width: 354px; border: 0; }
.wrapper .result_tab .tab_container .tab_content .form .type2 .norm ,
.wrapper .result_tab .tab_container .tab_content .form .list .norm { width: 151px; border: 0; }
.wrapper .result_tab .tab_container .tab_content .form .type3 .info ,
.wrapper .result_tab .tab_container .tab_content .form .list .info { width: 464px; border: 0; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content01 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content02 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content03 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content04 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content05 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content06 { overflow:hidden; padding: 0 0 20px; margin: 0px 0 10px; border-bottom: 1px solid #fdadac; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content01 h6 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content02 h6 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content03 h6 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content04 h6 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content05 h6 ,
.wrapper .result_tab .tab_container .tab_content .form .tab6content .tab6content06 h6 { font-size: 24px; color: #db4d4b; padding: 10px; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .leftimg{ float:left; width: 550px; margin-left: 10px; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .leftimg p{ text-align: left; color: #6f3b3a; font-size: 14px; display: inline-block; width: 183px; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .leftimg img{ width:550px; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .righttxt{ float: left; margin-left: 20px; width: 340px; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .righttxt h7{ color: #db4d4b; font-size: 20px; font-weight: bold; }
.wrapper .result_tab .tab_container .tab_content .form .tab6content .righttxt p{ color: #6d6d6d; text-align: left; line-height: 190%; }
.wrapper .result_tab .tab_container .tab_content .form .type6-3{ background: #ffc7c6; }
.wrapper .result_tab .tab_container .tab_content .form .type6-3 p{ line-height: 120%; border-right: 1px #fff dotted; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent{ margin:5px 0; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent p{ display:inline-block; text-align: center; margin: 5px 0; color:#515151; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-1{ width: 200px; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-2{ width: 210px; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-3{ width: 200px; display: inline-block; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-4{ width: 290px; display: inline-block; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-4 li{ font-size: 16px; color: #515151; font-weight: bold; }
.wrapper .result_tab .tab_container .tab_content .form .tableContent .type6-3-3 li{ text-align: left; margin: 5px 0; color: #515151; font-size: 16px; font-weight: bold; }