@charset "UTF-8";
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-1 { width: 60px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-2 { width: 140px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-3 { width: 220px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-4 { width: 300px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-5 { width: 380px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-6 { width: 460.0px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-7 { width: 540px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-8 { width: 620.0px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-9 { width: 700px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-10 { width: 780px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-11 { width: 860.0px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

.grid-12 { width: 940px; float: left; margin-left: 10px; margin-right: 10px; text-align: center; margin-bottom: 10px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

img { display: block; }

.ofl { overflow: hidden; clear: both; }

#top h1, #top .logo, #top .fll, .fll { float: left; }

#top .fll .menu1 li, .flr { float: right; }

#top .fll .ui-state-default .ui-icon, #wrap, #wrap .ui-selectmenu-button span.ui-icon, #wrap input[type='button'] { background-repeat: no-repeat; background-position: center top; }

#top .fll .menu1 li, #top .fll .menu1 li:hover .sedmenu li a { box-sizing: border-box; }

#wrap input[type='text'], #wrap input[type='email'], #wrap textarea , #wrap input[type='password'] { border: 0px; background-color: #2c2d30; padding: 10px; font: bold 15px/20px  Arial, "微軟正黑體", "新細明體"; letter-spacing: 1px; }

#wrap input[type='button'] { border: 1px solid #2c2d30; padding: 5px; font: bold 18px/20px  Arial, "微軟正黑體", "新細明體"; margin-right: 10px; }

#wrap .htmlform { padding: 20px; text-align: left; }
#wrap .htmlform h3 { color: #938055; font: bold 20px/36px Arial, "微軟正黑體", "新細明體"; padding-bottom: 10px; }
#wrap .htmlform .form li { padding-bottom: 20px; width: 120px; float: left; margin: 5px; text-align: center; }
#wrap .htmlform .form li p { padding: 10px; background-color: #f2e8d3; color: #938055; margin-bottom: 5px; min-height: 80px; text-align: left; font-size: 15px; }
#wrap .htmlform .form li p.th { background-color: #2c2d30; color: #fff; min-height: 40px; text-align: center; }
#wrap .htmlform .th_title { color: #938055; padding: 5px 0px; font-weight: bold; padding-left: 5px; }
#wrap .htmlform .th_title span { color: #2c2d30; }

/*頁頭*/
#top { border-top: 10px solid #2c2d30; border-bottom: 1px solid #2c2d30; }
#top .layout { width: 960px; margin-left: auto; margin-right: auto; margin: 0 auto; text-align: left; }
#top .layout:after { content: " "; display: block; clear: both; }
#top h1 { overflow: hidden; display: block; width: 35%; }
#top .logo { display: block; padding: 30px 0 20px; }
#top .fll { width: 65%; text-align: right; }
#top .fll select { width: 160px; }
#top .fll .ui-corner-all, #top .fll .ui-corner-bottom, #top .fll .ui-corner-right, #top .fll .ui-corner-br { border-radius: 0px; font-family: Arial, "微軟正黑體", "新細明體"; font-size: 0.86667em; line-height: 1.53846em; }
#top .fll .ui-state-default, #top .fll .ui-widget-content .ui-state-default, #top .fll .ui-widget-header .ui-state-default { background-color: #2c2d30; color: #fff; font-size: 0.86667em; line-height: 1.53846em; font-family: Arial, "微軟正黑體", "新細明體"; border: 0px; padding: 0px 10px; border-radius: 0px; }
#top .fll .ui-state-default .ui-icon { background-image: url(../img/attr.png); }
#top .fll .ui-selectmenu-button span.ui-icon { right: 10px; }
#top .fll .menu1 { width: 100%; position: relative; margin-top: 45px; }
#top .fll .menu1 li { width: 20%; position: relative; }
#top .fll .menu1 li span { -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -webkit-transform: skew(-30deg); transform: skew(-30deg); position: absolute; z-index: -1; background-color: #c4baa2; height: 45px; display: block; width: 100%; margin-left: -20%; -moz-box-shadow: #efede6 -3px -3px 8px; -webkit-box-shadow: #efede6 -3px -3px 8px; box-shadow: #efede6 -3px -3px 8px; }
#top .fll .menu1 li a { display: block; position: relative; height: 45px; line-height: 45px; width: 100%; text-align: left; z-index: 1; cursor: pointer; color: #2c2d30; text-decoration: none; letter-spacing: 1px; }
#top .fll .menu1 li a:hover span { background-color: #e1dcc6; }
#top .fll .menu1 li:hover .sedmenu { display: block; position: absolute; left: -40px; right: 40px; z-index: 999; }
#top .fll .menu1 li:hover .sedmenu li { width: 100%; display: inline-block; border-bottom: 1px solid #fff; }
#top .fll .menu1 li:hover .sedmenu li a { width: 100%; display: inline-block; line-height: 50px; height: 50px; color: #fff; background-color: #2c2d30; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; padding: 0 15px; text-align: center; }
#top .fll .menu1 li:hover .sedmenu li a:hover { background-color: #e84242; }
#top .fll .menu1 li .sedmenu { display: none; }
#top .fll .menu1 li.click span { background-color: #e1dcc6; }

.ui-selectmenu-menu .ui-menu { border-radius: 0px; text-align: left; font-family: Arial, "微軟正黑體", "新細明體"; font-size: 0.86667em; line-height: 1.53846em; }

.ui-menu .ui-menu-item { padding: 5px 10px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #938055; padding: 5px 10px; text-align: left; color: #fff; border: 0px; }

/*頁尾*/
#footer { background-color: #2c2d30; text-align: center; padding: 15px 0; color: #fff; font-size: 13px; }

html, body { width: 100%; height: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 1em; line-height: 1.33333em; font-family: Arial, "微軟正黑體", "新細明體"; }

.layout { width: 1000px; margin-left: auto; margin-right: auto; margin: 0 auto; text-align: left; }
.layout:after { content: " "; display: block; clear: both; }

h2 { padding: 20px 0 15px; letter-spacing: 2px; font-size: 1.33333em; line-height: 2em; }

#wrap { background-image: url(../img/wrap_bg.jpg); background-repeat: repeat; background-position: top center; padding: 70px 0 20px 0; }
#wrap .layout { padding: 40px; }
#wrap .ui-selectmenu-button span.ui-icon { background-image: url(../img/attr_search.png); background-position: center; font-family: Arial, "微軟正黑體", "新細明體"; }
#wrap .ui-corner-all, #wrap .ui-corner-bottom, #wrap .ui-corner-right, #wrap .ui-corner-br, #wrap .searchtext { background-color: #2c2d30; width: 150px; padding: 5px 10px; font: bold 16px/36px Arial, "微軟正黑體", "新細明體"; }
#wrap .ui-selectmenu-button span.ui-selectmenu-text, #wrap .searchtext { color: #938055; font: bold 16px/22px Arial, "微軟正黑體", "新細明體"; height: 35px; overflow: hidden; }
#wrap .ui-corner-all, #wrap .ui-corner-bottom, #wrap .ui-corner-right, #wrap .ui-corner-br { padding: 10px; }
#wrap .ui-state-focus, #wrap .ui-widget-content .ui-state-focus { padding: 10px; }
#wrap .ui-state-default, #wrap .ui-widget-content .ui-state-default, #wrap .ui-widget-header .ui-state-default { padding: 5px 10px; border: 1px solid #938055; border-radius: 0; background-color: #2c2d30; }
#wrap .speed { width: 45%; }
#wrap .formbox { background: url(../img/wrapbg_info.png) repeat top center; padding: 40px; position: relative; }
#wrap .formbox .icon_info { position: absolute; top: -50px; }
#wrap .formbox h2 { font-size: 2.13333em; line-height: 1.25em; font-weight: bold; color: #fff; border-bottom: 1px dashed #fff; text-align: right; }
#wrap .formbox .form { padding: 50px 15%; }
#wrap .formbox .form tr { height: auto; overflow: hidden; display: block; }
#wrap .formbox .form th, #wrap .formbox .form td { display: block; width: 100%; height: auto; }
#wrap .formbox .form th { color: #fff; font: bold 15px/30px  Arial, "微軟正黑體", "新細明體"; }
#wrap .formbox .form td { padding: 10px 0 12px; color: #fff; font: bold 15px/30px  Arial, "微軟正黑體", "新細明體"; overflow: hidden; }
#wrap .formbox .form .w50 { width: 45%; }
#wrap .formbox .form .w100 { width: 98%; }
#wrap input[type='text'], #wrap input[type='email'], #wrap textarea ,#wrap input[type='password']{ color: #dbdbdb; margin-right: 10px; }
#wrap input[type='button'] { background-image: url(../img/icon_rest.png); background-position: left; padding: 10px 10px 10px 40px; }
#wrap img.dis_inb { display: inline-block; vertical-align: middle; }
#wrap .postbox { border-top: 1px dashed #fff; padding: 40px 15% 20px; overflow: hidden; }
#wrap input[type='reset'], #wrap input[type='submit'] { width: 48%; margin-right: 1%; float: left; font: bold 20px/46px Arial, "微軟正黑體", "新細明體"; cursor: pointer; letter-spacing: 4px; }
#wrap input[type='reset'] { background-color: #dbdbdb; color: #2c2d30; border: 2px solid #dbdbdb; }
#wrap input[type='reset']:hover { border: 3px solid #2c2d30; }
#wrap input[type='submit'] { background-color: #2c2d30; color: #fff; border: 2px solid #2c2d30; }
#wrap input[type='submit']:hover { border: 2px solid #dbdbdb; }
#wrap input[type='checkbox'] { width: 20px; height: 20px; vertical-align: middle; font: bold 15px/30px  Arial, "微軟正黑體", "新細明體"; }

#wrap.information .form { text-align: center; }
#wrap.information .form img { display: inline; margin: 20px 0; }
#wrap.information .form h3 { font: bold 15px/30px  Arial, "微軟正黑體", "新細明體"; color: #fff; }
#wrap.information .postbox { text-align: center; }
#wrap.information .postbox input[type='submit'] { float: none; }

.link { display: inline-block; text-decoration: none; border-bottom: 1px solid #fff; color: #fff; }

.line2 { cursor: pointer; text-decoration: none; border-bottom: 1px solid #dbdbdb; font: bold 15px/30px  Arial, "微軟正黑體", "新細明體"; color: #dbdbdb; }
.line2:hover { color: #2c2d30; border-bottom: 1px solid #2c2d30; }

.ofl { margin-right: 5%; }

#wrap .htmlform .form { padding: 0px; overflow: hidden; }
#wrap .htmlform .form li { width: 240px; float: left; }

/*最新消息*/
.newsboxlist{color: #fff; text-align: center; margin: 0 auto; padding: 30px 0; } 

.newsboxlist li{ margin-left: 30px; text-align: left; list-style-type: decimal-leading-zero; padding: 15px 0 15px 10px; font-size: 15px; border-bottom: 1px solid #fff;}
.newsboxlist li a{ color: #fff; text-decoration: none;  font-size: 15px; display: block;  letter-spacing: 2px; line-height: 22px;}
.newsboxlist li:hover{  background-color: #2c2d30;}
.newsboxlist li span{ font-weight: bold; letter-spacing: 2px;}

.newsinfo { padding-top: 20px ;}
.newsinfo h3{ color: #fff; font-size: 16px; font-weight: bold; background-color: #2c2d30; padding:10px 15px;}
.newsinfo .day{ 
	font-size: 12px;  background-color: #2c2d30; padding-left: 15px; color: #fff; padding-bottom: 10px; }
.newsword{ padding: 30px 0; color: #fff; line-height: 18px; }
.newsword p{ padding-top: 15px ;}
/*# sourceMappingURL=layout_info.css.map */