@charset "UTF-8";
/*----------reset css-----------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

img { border: 0; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

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

td, th { padding: 0; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, p, figure { padding: 0; margin: 0; }

textarea { resize: none; }

/*-------------------basic scss---------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:active, a:focus { text-decoration: none; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* ie */
input:-moz-placeholder { color: #999; }

/*反白文字*/
::selection { background: #b79285; color: white; }

::-moz-selection { background: #b79285; color: white; }

.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

.floatleft { float: left; }

.floatright { float: right; }

.textEllipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; }

.vermid { vertical-align: middle; display: inline-block; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.red { color: #cc0000; }

.fontsize12 { font-size: 12px; }

.textalignrigh { text-align: right; }

.loader { position: fixed; z-index: 999999; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; top: 50%; left: 50%; text-align: center; }

.spinner { margin: 100px auto 0; width: 70px; text-align: center; }

.spinner > div { width: 18px; height: 18px; background-color: #55392f; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); } }
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }
/*-------------------common css-----------------*/
body {font-size: 13px;color: #333333;font-family: "Lato", Microsoft JhengHei, "Arial", sans-serif, Helvetica, Arial, PMingLiU;line-height: 1.7;font-weight: normal;letter-spacing: 0.025em;background: #222222;}

.wrapper {width: 100%;width: 960px;margin: 0 auto;background: #ffffff;}

/*----Header----*/
header { background: #000; padding: 22px 53px 18px 53px; }
header .logo { float: left; width: 260px; }
header .logo a img { max-width: 100%; }

/*選單*/
nav.mainnav { float: right; }
nav.mainnav ul.mainmenu { margin-top: 40px; }
nav.mainnav ul.mainmenu:after { content: ''; display: block; clear: both; }
nav.mainnav ul.mainmenu li { float: left; list-style: none; margin-left: 24px; }
nav.mainnav ul.mainmenu li a { color: white; }
nav.mainnav ul.mainmenu li a img { vertical-align: middle; margin-right: 5px; }

/*about*/
.titleicon { float: left; margin-top: 4px; margin-right: 6px; width: 20px; }

.righttitle { float: left; border-bottom: 1px solid #e5e5e5; width: calc(100% - 30px); }
.righttitle .ch { font-size: 16px; font-weight: bold; }
.righttitle .en { font-size: 12px; font-family: 'Raleway', sans-serif; }

.content { margin-top: 30px; }
.content .left { float: left; width: 25%; }
.content .left img { max-width: 100%; }
.content .right { float: left; padding-left: 20px; width: 75%; line-height: 2; }

/*service*/
.sercontent .left { float: left; width: 33.33333%; line-height: 1.9; }
.sercontent .right { float: left; width: 66.66667%; }
.sercontent .right .serphotoset { float: left; padding: 0 9px; }
.sercontent .right .serphotoset .text { text-align: center; }

ul.reddisclist li { float: left; list-style: none; position: relative; width: 122px; padding-left: 15px; }
ul.reddisclist li:before { content: ""; width: 7px; height: 7px; background: #f83f29; border-radius: 100%; display: block; position: absolute; left: 0; top: 7px; }

.secbox {margin-top: 40px;padding: 0 20px;}

.innercon { padding: 0 50px; margin-top: 30px; }

/*process*/
.processcontent .left { float: left; width: 60%; }
.processcontent .left .topcolumn { border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 20px; }
.processcontent .left .topcolumn:nth-child(2) { border-bottom: none; }
.processcontent .left .topcolumn .leftblock { float: left; }
.processcontent .left .topcolumn .leftblock .redblock { padding: 3px 15px; color: white; text-align: center; background: #f83f29; display: inline-block; }
.processcontent .left .topcolumn .rightblock { float: left; padding-left: 20px; }
.processcontent .left .topcolumn .rightblock .seccondcen .oneline { line-height: 1.5; }
.processcontent .left .topcolumn .rightblock .seccondcen .oneline .leftnum { float: left; font-size: 30px; font-family: 'Raleway', sans-serif; font-weight: 300; color: #999999; }
.processcontent .left .topcolumn .rightblock .seccondcen .oneline .rightsen { float: left; font-size: 13px; margin-top: 17px; margin-left: 10px; }
.processcontent .right { float: left; width: 40%; padding-left: 20px; padding-top: 87px; }

/*聯絡方式*/
.contactcon { padding-bottom: 70px; }
.contactcon .left { float: left; width: 50%; }
.contactcon .right { float: left; width: 50%; padding-left: 30px; }

.contactoneline { margin-bottom: 3px; }
.contactoneline .oneleft { float: left; font-size: 12px; margin-right: 15px; }
.contactoneline .oneleft .redbox { color: white; background: #f83f29; text-align: center; width: 70px; padding: 3px; }
.contactoneline .oneright { float: left; font-size: 13px; }

/*footer*/
footer { background: #000000; text-align: center; color: white; padding: 5px; font-size: 12px; }
footer .copyright { font-size: 12px; color: #666666; }
footer .iware { font-size: 12px; color: #999999; margin-left: 5px; }

.textunderline { text-decoration: underline; }

/*-------------------unrest css-----------------*/
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; text-align: center; }
.unreset th { font-weight: bold; text-align: center; }
.unreset body { margin: 8px; }
.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset .unreset sub, .unreset .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset:link, .unreset:visited { text-decoration: underline; }
.unreset:focus { outline: thin dotted invert; }

/*# sourceMappingURL=style.css.map */