@charset "UTF-8";
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; }

/*------------------------------------*\
    =variable
\*------------------------------------*/
/*------------------------------------*\
    =function
\*------------------------------------*/
/*
 * width
 */
.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

/*
 * margin-top、right、bottom、left、
 */
.m-t0 {
  margin-top: 0px; }

.m-l0 {
  margin-left: 0px; }

.m-b0 {
  margin-bottom: 0px; }

.m-r0 {
  margin-right: 0px; }

.m-a0 {
  margin: 0px 0px 0px 0px; }

.m-t5 {
  margin-top: 5px; }

.m-l5 {
  margin-left: 5px; }

.m-b5 {
  margin-bottom: 5px; }

.m-r5 {
  margin-right: 5px; }

.m-a5 {
  margin: 5px 5px 5px 5px; }

.m-t10 {
  margin-top: 10px; }

.m-l10 {
  margin-left: 10px; }

.m-b10 {
  margin-bottom: 10px; }

.m-r10 {
  margin-right: 10px; }

.m-a10 {
  margin: 10px 10px 10px 10px; }

.m-t15 {
  margin-top: 15px; }

.m-l15 {
  margin-left: 15px; }

.m-b15 {
  margin-bottom: 15px; }

.m-r15 {
  margin-right: 15px; }

.m-a15 {
  margin: 15px 15px 15px 15px; }

.m-t20 {
  margin-top: 20px; }

.m-l20 {
  margin-left: 20px; }

.m-b20 {
  margin-bottom: 20px; }

.m-r20 {
  margin-right: 20px; }

.m-a20 {
  margin: 20px 20px 20px 20px; }

.m-t25 {
  margin-top: 25px; }

.m-l25 {
  margin-left: 25px; }

.m-b25 {
  margin-bottom: 25px; }

.m-r25 {
  margin-right: 25px; }

.m-a25 {
  margin: 25px 25px 25px 25px; }

.m-t30 {
  margin-top: 30px; }

.m-l30 {
  margin-left: 30px; }

.m-b30 {
  margin-bottom: 30px; }

.m-r30 {
  margin-right: 30px; }

.m-a30 {
  margin: 30px 30px 30px 30px; }

.m-t35 {
  margin-top: 35px; }

.m-l35 {
  margin-left: 35px; }

.m-b35 {
  margin-bottom: 35px; }

.m-r35 {
  margin-right: 35px; }

.m-a35 {
  margin: 35px 35px 35px 35px; }

.m-t40 {
  margin-top: 40px; }

.m-l40 {
  margin-left: 40px; }

.m-b40 {
  margin-bottom: 40px; }

.m-r40 {
  margin-right: 40px; }

.m-a40 {
  margin: 40px 40px 40px 40px; }

.m-t45 {
  margin-top: 45px; }

.m-l45 {
  margin-left: 45px; }

.m-b45 {
  margin-bottom: 45px; }

.m-r45 {
  margin-right: 45px; }

.m-a45 {
  margin: 45px 45px 45px 45px; }

.m-t50 {
  margin-top: 50px; }

.m-l50 {
  margin-left: 50px; }

.m-b50 {
  margin-bottom: 50px; }

.m-r50 {
  margin-right: 50px; }

.m-a50 {
  margin: 50px 50px 50px 50px; }

.m-t55 {
  margin-top: 55px; }

.m-l55 {
  margin-left: 55px; }

.m-b55 {
  margin-bottom: 55px; }

.m-r55 {
  margin-right: 55px; }

.m-a55 {
  margin: 55px 55px 55px 55px; }

.m-t60 {
  margin-top: 60px; }

.m-l60 {
  margin-left: 60px; }

.m-b60 {
  margin-bottom: 60px; }

.m-r60 {
  margin-right: 60px; }

.m-a60 {
  margin: 60px 60px 60px 60px; }

.m-t65 {
  margin-top: 65px; }

.m-l65 {
  margin-left: 65px; }

.m-b65 {
  margin-bottom: 65px; }

.m-r65 {
  margin-right: 65px; }

.m-a65 {
  margin: 65px 65px 65px 65px; }

.m-t70 {
  margin-top: 70px; }

.m-l70 {
  margin-left: 70px; }

.m-b70 {
  margin-bottom: 70px; }

.m-r70 {
  margin-right: 70px; }

.m-a70 {
  margin: 70px 70px 70px 70px; }

.m-t75 {
  margin-top: 75px; }

.m-l75 {
  margin-left: 75px; }

.m-b75 {
  margin-bottom: 75px; }

.m-r75 {
  margin-right: 75px; }

.m-a75 {
  margin: 75px 75px 75px 75px; }

.m-t80 {
  margin-top: 80px; }

.m-l80 {
  margin-left: 80px; }

.m-b80 {
  margin-bottom: 80px; }

.m-r80 {
  margin-right: 80px; }

.m-a80 {
  margin: 80px 80px 80px 80px; }

.m-t85 {
  margin-top: 85px; }

.m-l85 {
  margin-left: 85px; }

.m-b85 {
  margin-bottom: 85px; }

.m-r85 {
  margin-right: 85px; }

.m-a85 {
  margin: 85px 85px 85px 85px; }

.m-t90 {
  margin-top: 90px; }

.m-l90 {
  margin-left: 90px; }

.m-b90 {
  margin-bottom: 90px; }

.m-r90 {
  margin-right: 90px; }

.m-a90 {
  margin: 90px 90px 90px 90px; }

.m-t95 {
  margin-top: 95px; }

.m-l95 {
  margin-left: 95px; }

.m-b95 {
  margin-bottom: 95px; }

.m-r95 {
  margin-right: 95px; }

.m-a95 {
  margin: 95px 95px 95px 95px; }

.m-t100 {
  margin-top: 100px; }

.m-l100 {
  margin-left: 100px; }

.m-b100 {
  margin-bottom: 100px; }

.m-r100 {
  margin-right: 100px; }

.m-a100 {
  margin: 100px 100px 100px 100px; }

/*
 * padding-top、right、bottom、left、
 */
.p-t0 {
  padding-top: 0px; }

.p-l0 {
  padding-left: 0px; }

.p-b0 {
  padding-bottom: 0px; }

.p-r0 {
  padding-right: 0px; }

.p-a0 {
  padding: 0px 0px 0px 0px; }

.p-t5 {
  padding-top: 5px; }

.p-l5 {
  padding-left: 5px; }

.p-b5 {
  padding-bottom: 5px; }

.p-r5 {
  padding-right: 5px; }

.p-a5 {
  padding: 5px 5px 5px 5px; }

.p-t10 {
  padding-top: 10px; }

.p-l10 {
  padding-left: 10px; }

.p-b10 {
  padding-bottom: 10px; }

.p-r10 {
  padding-right: 10px; }

.p-a10 {
  padding: 10px 10px 10px 10px; }

.p-t15 {
  padding-top: 15px; }

.p-l15 {
  padding-left: 15px; }

.p-b15 {
  padding-bottom: 15px; }

.p-r15 {
  padding-right: 15px; }

.p-a15 {
  padding: 15px 15px 15px 15px; }

.p-t20 {
  padding-top: 20px; }

.p-l20 {
  padding-left: 20px; }

.p-b20 {
  padding-bottom: 20px; }

.p-r20 {
  padding-right: 20px; }

.p-a20 {
  padding: 20px 20px 20px 20px; }

.p-t25 {
  padding-top: 25px; }

.p-l25 {
  padding-left: 25px; }

.p-b25 {
  padding-bottom: 25px; }

.p-r25 {
  padding-right: 25px; }

.p-a25 {
  padding: 25px 25px 25px 25px; }

.p-t30 {
  padding-top: 30px; }

.p-l30 {
  padding-left: 30px; }

.p-b30 {
  padding-bottom: 30px; }

.p-r30 {
  padding-right: 30px; }

.p-a30 {
  padding: 30px 30px 30px 30px; }

.p-t35 {
  padding-top: 35px; }

.p-l35 {
  padding-left: 35px; }

.p-b35 {
  padding-bottom: 35px; }

.p-r35 {
  padding-right: 35px; }

.p-a35 {
  padding: 35px 35px 35px 35px; }

.p-t40 {
  padding-top: 40px; }

.p-l40 {
  padding-left: 40px; }

.p-b40 {
  padding-bottom: 40px; }

.p-r40 {
  padding-right: 40px; }

.p-a40 {
  padding: 40px 40px 40px 40px; }

.p-t45 {
  padding-top: 45px; }

.p-l45 {
  padding-left: 45px; }

.p-b45 {
  padding-bottom: 45px; }

.p-r45 {
  padding-right: 45px; }

.p-a45 {
  padding: 45px 45px 45px 45px; }

.p-t50 {
  padding-top: 50px; }

.p-l50 {
  padding-left: 50px; }

.p-b50 {
  padding-bottom: 50px; }

.p-r50 {
  padding-right: 50px; }

.p-a50 {
  padding: 50px 50px 50px 50px; }

.p-t55 {
  padding-top: 55px; }

.p-l55 {
  padding-left: 55px; }

.p-b55 {
  padding-bottom: 55px; }

.p-r55 {
  padding-right: 55px; }

.p-a55 {
  padding: 55px 55px 55px 55px; }

.p-t60 {
  padding-top: 60px; }

.p-l60 {
  padding-left: 60px; }

.p-b60 {
  padding-bottom: 60px; }

.p-r60 {
  padding-right: 60px; }

.p-a60 {
  padding: 60px 60px 60px 60px; }

.p-t65 {
  padding-top: 65px; }

.p-l65 {
  padding-left: 65px; }

.p-b65 {
  padding-bottom: 65px; }

.p-r65 {
  padding-right: 65px; }

.p-a65 {
  padding: 65px 65px 65px 65px; }

.p-t70 {
  padding-top: 70px; }

.p-l70 {
  padding-left: 70px; }

.p-b70 {
  padding-bottom: 70px; }

.p-r70 {
  padding-right: 70px; }

.p-a70 {
  padding: 70px 70px 70px 70px; }

.p-t75 {
  padding-top: 75px; }

.p-l75 {
  padding-left: 75px; }

.p-b75 {
  padding-bottom: 75px; }

.p-r75 {
  padding-right: 75px; }

.p-a75 {
  padding: 75px 75px 75px 75px; }

.p-t80 {
  padding-top: 80px; }

.p-l80 {
  padding-left: 80px; }

.p-b80 {
  padding-bottom: 80px; }

.p-r80 {
  padding-right: 80px; }

.p-a80 {
  padding: 80px 80px 80px 80px; }

.p-t85 {
  padding-top: 85px; }

.p-l85 {
  padding-left: 85px; }

.p-b85 {
  padding-bottom: 85px; }

.p-r85 {
  padding-right: 85px; }

.p-a85 {
  padding: 85px 85px 85px 85px; }

.p-t90 {
  padding-top: 90px; }

.p-l90 {
  padding-left: 90px; }

.p-b90 {
  padding-bottom: 90px; }

.p-r90 {
  padding-right: 90px; }

.p-a90 {
  padding: 90px 90px 90px 90px; }

.p-t95 {
  padding-top: 95px; }

.p-l95 {
  padding-left: 95px; }

.p-b95 {
  padding-bottom: 95px; }

.p-r95 {
  padding-right: 95px; }

.p-a95 {
  padding: 95px 95px 95px 95px; }

.p-t100 {
  padding-top: 100px; }

.p-l100 {
  padding-left: 100px; }

.p-b100 {
  padding-bottom: 100px; }

.p-r100 {
  padding-right: 100px; }

.p-a100 {
  padding: 100px 100px 100px 100px; }

/*
 * font-size
 */
.f-s50 {
  font-size: 50%; }

.f-s55 {
  font-size: 55%; }

.f-s60 {
  font-size: 60%; }

.f-s65 {
  font-size: 65%; }

.f-s70 {
  font-size: 70%; }

.f-s75 {
  font-size: 75%; }

.f-s80 {
  font-size: 80%; }

.f-s85 {
  font-size: 85%; }

.f-s90 {
  font-size: 90%; }

.f-s95 {
  font-size: 95%; }

.f-s100 {
  font-size: 100%; }

.f-s105 {
  font-size: 105%; }

.f-s110 {
  font-size: 110%; }

.f-s115 {
  font-size: 115%; }

.f-s120 {
  font-size: 120%; }

.f-s125 {
  font-size: 125%; }

.f-s130 {
  font-size: 130%; }

.f-s135 {
  font-size: 135%; }

.f-s140 {
  font-size: 140%; }

.f-s145 {
  font-size: 145%; }

.f-s150 {
  font-size: 150%; }

.f-s155 {
  font-size: 155%; }

.f-s160 {
  font-size: 160%; }

.f-s165 {
  font-size: 165%; }

.f-s170 {
  font-size: 170%; }

.f-s175 {
  font-size: 175%; }

.f-s180 {
  font-size: 180%; }

.f-s185 {
  font-size: 185%; }

.f-s190 {
  font-size: 190%; }

.f-s195 {
  font-size: 195%; }

.f-s200 {
  font-size: 200%; }

.f-s205 {
  font-size: 205%; }

.f-s210 {
  font-size: 210%; }

.f-s215 {
  font-size: 215%; }

.f-s220 {
  font-size: 220%; }

.f-s225 {
  font-size: 225%; }

.f-s230 {
  font-size: 230%; }

.f-s235 {
  font-size: 235%; }

.f-s240 {
  font-size: 240%; }

.f-s245 {
  font-size: 245%; }

.f-s250 {
  font-size: 250%; }

.f-s255 {
  font-size: 255%; }

.f-s260 {
  font-size: 260%; }

.f-s265 {
  font-size: 265%; }

.f-s270 {
  font-size: 270%; }

.f-s275 {
  font-size: 275%; }

.f-s280 {
  font-size: 280%; }

.f-s285 {
  font-size: 285%; }

.f-s290 {
  font-size: 290%; }

.f-s295 {
  font-size: 295%; }

.f-s300 {
  font-size: 300%; }

.f-s305 {
  font-size: 305%; }

.f-s310 {
  font-size: 310%; }

.f-s315 {
  font-size: 315%; }

.f-s320 {
  font-size: 320%; }

.f-s325 {
  font-size: 325%; }

.f-s330 {
  font-size: 330%; }

.f-s335 {
  font-size: 335%; }

.f-s340 {
  font-size: 340%; }

.f-s345 {
  font-size: 345%; }

.f-s350 {
  font-size: 350%; }

.f-s355 {
  font-size: 355%; }

.f-s360 {
  font-size: 360%; }

.f-s365 {
  font-size: 365%; }

.f-s370 {
  font-size: 370%; }

.f-s375 {
  font-size: 375%; }

.f-s380 {
  font-size: 380%; }

.f-s385 {
  font-size: 385%; }

.f-s390 {
  font-size: 390%; }

.f-s395 {
  font-size: 395%; }

.f-s400 {
  font-size: 400%; }

.f-s405 {
  font-size: 405%; }

.f-s410 {
  font-size: 410%; }

.f-s415 {
  font-size: 415%; }

.f-s420 {
  font-size: 420%; }

.f-s425 {
  font-size: 425%; }

.f-s430 {
  font-size: 430%; }

.f-s435 {
  font-size: 435%; }

.f-s440 {
  font-size: 440%; }

.f-s445 {
  font-size: 445%; }

.f-s450 {
  font-size: 450%; }

.f-s455 {
  font-size: 455%; }

.f-s460 {
  font-size: 460%; }

.f-s465 {
  font-size: 465%; }

.f-s470 {
  font-size: 470%; }

.f-s475 {
  font-size: 475%; }

.f-s480 {
  font-size: 480%; }

.f-s485 {
  font-size: 485%; }

.f-s490 {
  font-size: 490%; }

.f-s495 {
  font-size: 495%; }

.f-s500 {
  font-size: 500%; }

/*
 * line-hight
 */
.l-h50 {
  line-height: 50%; }

.l-h55 {
  line-height: 55%; }

.l-h60 {
  line-height: 60%; }

.l-h65 {
  line-height: 65%; }

.l-h70 {
  line-height: 70%; }

.l-h75 {
  line-height: 75%; }

.l-h80 {
  line-height: 80%; }

.l-h85 {
  line-height: 85%; }

.l-h90 {
  line-height: 90%; }

.l-h95 {
  line-height: 95%; }

.l-h100 {
  line-height: 100%; }

.l-h105 {
  line-height: 105%; }

.l-h110 {
  line-height: 110%; }

.l-h115 {
  line-height: 115%; }

.l-h120 {
  line-height: 120%; }

.l-h125 {
  line-height: 125%; }

.l-h130 {
  line-height: 130%; }

.l-h135 {
  line-height: 135%; }

.l-h140 {
  line-height: 140%; }

.l-h145 {
  line-height: 145%; }

.l-h150 {
  line-height: 150%; }

.l-h155 {
  line-height: 155%; }

.l-h160 {
  line-height: 160%; }

.l-h165 {
  line-height: 165%; }

.l-h170 {
  line-height: 170%; }

.l-h175 {
  line-height: 175%; }

.l-h180 {
  line-height: 180%; }

.l-h185 {
  line-height: 185%; }

.l-h190 {
  line-height: 190%; }

.l-h195 {
  line-height: 195%; }

.l-h200 {
  line-height: 200%; }

.l-h205 {
  line-height: 205%; }

.l-h210 {
  line-height: 210%; }

.l-h215 {
  line-height: 215%; }

.l-h220 {
  line-height: 220%; }

.l-h225 {
  line-height: 225%; }

.l-h230 {
  line-height: 230%; }

.l-h235 {
  line-height: 235%; }

.l-h240 {
  line-height: 240%; }

.l-h245 {
  line-height: 245%; }

.l-h250 {
  line-height: 250%; }

.l-h255 {
  line-height: 255%; }

.l-h260 {
  line-height: 260%; }

.l-h265 {
  line-height: 265%; }

.l-h270 {
  line-height: 270%; }

.l-h275 {
  line-height: 275%; }

.l-h280 {
  line-height: 280%; }

.l-h285 {
  line-height: 285%; }

.l-h290 {
  line-height: 290%; }

.l-h295 {
  line-height: 295%; }

.l-h300 {
  line-height: 300%; }

/*
 * font-weight
 */
.f-w100 {
  font-weight: 100; }

.f-w200 {
  font-weight: 200; }

.f-w300 {
  font-weight: 300; }

.f-w400 {
  font-weight: 400; }

.f-w500 {
  font-weight: 500; }

.f-w600 {
  font-weight: 600; }

.f-w700 {
  font-weight: 700; }

.f-w800 {
  font-weight: 800; }

.f-w900 {
  font-weight: 900; }

/*
 * text-algin
 */
.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

/*
 * text-transform
 */
.t-t-u {
  text-transform: uppercase; }

.t-t-l {
  text-transform: lowercase; }

.t-t-c {
  text-transform: capitalize; }

/*
 * float
 */
.fl-l,
.fl-r {
  overflow: hidden; }

.fl-l {
  float: left; }

.fl-r {
  float: right; }

.fl-n {
  float: none; }

ul.fll {
  width: 100%;
  zoom: 1; }
  ul.fll:after {
    clear: both;
    content: " ";
    display: table; }
  ul.fll:before {
    content: " ";
    display: table; }
  ul.fll > li {
    float: left; }

ul.disin > li {
  display: inline-block;
  vertical-align: middle; }

ul.dista {
  display: table;
  width: 100%;
  table-layout: fixed; }
  ul.dista > li {
    display: table-cell;
    vertical-align: middle; }

.pos-r {
  position: relative; }

.pos-a {
  position: absolute; }

.dln {
  display: none; }

.dlb {
  display: block; }

.dlib {
  display: inline-block; }

/*------------------------------------*\
    =input custom reset
\*------------------------------------*/
.clfix:before, .clfix:after {
  content: "";
  display: table; }

.clfix:after {
  clear: both; }

.clfix {
  zoom: 1;
  /*IE6, IE7*/ }

.clear {
  clear: both; }

a {
  text-decoration: none;
  color: inherit; }

button, input, textarea {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: inherit;
  -webkit-border-radius: 0;
  border-radius: 0; }

select, input:focus {
  outline: none; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #eee inset; }

.defaultOutline {
  outline-color: #4d90fe;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px; }

.shawdow1 {
  -moz-box-shadow: 1px 1px 3px 0px #ddd;
  -webkit-box-shadow: 1px 1px 3px 0px #ddd;
  box-shadow: 1px 1px 3px 0px #ddd; }

.wrap {
  box-sizing: border-box;
  width: 1024px;
  padding: 0px 22px;
  margin: 0 auto; }

.ui-datepicker td, .ui-datepicker th {
  font-size: 80%; }
.ui-datepicker.ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button {
  font-size: 80%;
  font-family: 'Arial'; }
.ui-datepicker.ui-widget .ui-datepicker-title select {
  font-size: 80%;
  font-family: 'Arial'; }

span {
  display: inline-block; }

/*
 *   Reset reset css....
 *   ckeditor 
 */
.htmleditor {
  font-size: 90%;
  line-height: 150%; }
  .htmleditor blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px; }
  .htmleditor h5, .htmleditor h6, .htmleditor strong, .htmleditor b {
    font-weight: bold; }
  .htmleditor i, .htmleditor cite, .htmleditor em,
  .htmleditor var, .htmleditor address {
    font-style: italic; }
  .htmleditor a {
    color: #0782C1;
    text-decoration: underline; }
  .htmleditor ol, .htmleditor ul, .htmleditor dl {
    /* IE7: reset rtl list margin. (#7334) */
    *margin-right: 0px;
    /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding: 0 20px; }
  .htmleditor ol {
    list-style-type: decimal; }
  .htmleditor ul {
    list-style-type: disc;
    line-height: 170%; }
  .htmleditor h1, .htmleditor h2, .htmleditor h3, .htmleditor h4, .htmleditor h5, .htmleditor h6 {
    font-weight: normal;
    line-height: 1.2; }
  .htmleditor h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .htmleditor h2 {
    font-size: 1.5em;
    margin: 0.75em 0; }
  .htmleditor h3 {
    font-size: 1.17em;
    margin: 0.83em 0; }
  .htmleditor h4 {
    margin: 1.12em 0; }
  .htmleditor big {
    font-size: 1.17em; }
  .htmleditor small {
    font-size: 0.83em; }
  .htmleditor pre, .htmleditor tt, .htmleditor code,
  .htmleditor kbd, .htmleditor samp {
    font-family: monospace; }
  .htmleditor u, .htmleditor ins {
    text-decoration: underline; }
  .htmleditor q {
    quotes: initial; }
  .htmleditor q::before {
    content: open-quote; }
  .htmleditor q::after {
    content: close-quote; }
  .htmleditor hr {
    border: 0px;
    border-top: 1px solid #ccc; }
  .htmleditor img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px; }
  .htmleditor img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px; }
  .htmleditor pre {
    white-space: pre-wrap;
    /* CSS 2.1 */
    word-wrap: break-word;
    /* IE7 */
    -moz-tab-size: 4;
    -o-tab-size: 4;
    -webkit-tab-size: 4;
    tab-size: 4; }
  .htmleditor .marker {
    background-color: Yellow; }
  .htmleditor span[lang] {
    font-style: italic; }
  .htmleditor figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
  .htmleditor figure > figcaption {
    text-align: center;
    display: block;
    /* For IE8 */ }
  .htmleditor a > img {
    padding: 1px;
    margin: 1px;
    border: none;
    outline: 1px solid #0782C1; }
  .htmleditor sub, .htmleditor sup {
    /* Specified in % so that the sup/sup is the
       right size relative to the surrounding text */
    font-size: 75%;
    /* Zero out the line-height so that it doesn't
       interfere with the positioning that follows */
    line-height: 0;
    /* Where the magic happens: makes all browsers position
       the sup/sup properly, relative to the surrounding text */
    position: relative;
    /* Note that if you're using Eric Meyer's reset.css, this
       is already set and you can remove this rule */
    vertical-align: baseline; }
  .htmleditor sup {
    /* Move the superscripted text up */
    top: -0.5em; }
  .htmleditor sub {
    /* Move the subscripted text down, but only
       half as far down as the superscript moved up */
    bottom: -0.25em; }
  .htmleditor table, .htmleditor tr, .htmleditor td {
    border-collapse: separate;
    border-spacing: 2px;
    border: 1px gray solid; }

/*------------------------------------*\
    =style
\*------------------------------------*/
html, body {
  font-family: "Helvetica", "Arial", "Heiti TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-size: 100%;
  color: #F86E6C; }

.mainwp {
  width: 1024px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box; }

.sprite-sprite, .sprite-arrow, .sprite-arrow2, .sprite-bktop, .sprite-btn01, .sprite-btn02, .sprite-btn03, .sprite-btn04, .sprite-confirm, .sprite-fb, .sprite-i_01, .sprite-i_02, .sprite-i_03, .sprite-i_04, .sprite-icon01, .sprite-icon02, .sprite-icon03, .sprite-icon04, .sprite-icon05, .sprite-ileft, .sprite-iright, .sprite-next01, .sprite-png01, .sprite-png02, .sprite-png04, .sprite-prev01, .sprite-title01, .sprite-youtube {
  display: inline-block; }

/*------------------------------------*\
    =hr
\*------------------------------------*/
hr.t-line {
  border: 0;
  height: 1px;
  background-color: #66bbae;
  color: #66bbae;
  /* IE6 */ }

hr.grayline {
  border: 0;
  height: 1px;
  background-color: #ccc;
  color: #ccc;
  /* IE6 */
  margin: 50px 0px; }

.sprite-sprite, .sprite-arrow, .sprite-arrow2, .sprite-bktop, .sprite-btn01, .sprite-btn02, .sprite-btn03, .sprite-btn04, .sprite-confirm, .sprite-fb, .sprite-i_01, .sprite-i_02, .sprite-i_03, .sprite-i_04, .sprite-icon01, .sprite-icon02, .sprite-icon03, .sprite-icon04, .sprite-icon05, .sprite-ileft, .sprite-iright, .sprite-next01, .sprite-png01, .sprite-png02, .sprite-png04, .sprite-prev01, .sprite-title01, .sprite-youtube {
  background-image: url('../img/sprite-se1f31a4671.png');
  background-repeat: no-repeat; }

.sprite-arrow {
  background-position: 0 0;
  height: 10px;
  width: 8px; }

.sprite-arrow2 {
  background-position: 0 -10px;
  height: 16px;
  width: 12px; }

.sprite-bktop {
  background-position: 0 -26px;
  height: 75px;
  width: 50px; }

.sprite-btn01 {
  background-position: 0 -101px;
  height: 59px;
  width: 210px; }

.sprite-btn02 {
  background-position: 0 -160px;
  height: 59px;
  width: 210px; }

.sprite-btn03 {
  background-position: 0 -219px;
  height: 59px;
  width: 210px; }

.sprite-btn04 {
  background-position: 0 -278px;
  height: 59px;
  width: 210px; }

.sprite-confirm {
  background-position: 0 -337px;
  height: 45px;
  width: 184px; }

.sprite-fb {
  background-position: 0 -382px;
  height: 28px;
  width: 28px; }

.sprite-i_01 {
  background-position: 0 -410px;
  height: 54px;
  width: 54px; }

.sprite-i_02 {
  background-position: 0 -464px;
  height: 54px;
  width: 55px; }

.sprite-i_03 {
  background-position: 0 -518px;
  height: 55px;
  width: 55px; }

.sprite-i_04 {
  background-position: 0 -573px;
  height: 55px;
  width: 55px; }

.sprite-icon01 {
  background-position: 0 -628px;
  height: 105px;
  width: 204px; }

.sprite-icon02 {
  background-position: 0 -733px;
  height: 108px;
  width: 309px; }

.sprite-icon03 {
  background-position: 0 -841px;
  height: 193px;
  width: 523px; }

.sprite-icon04 {
  background-position: 0 -1034px;
  height: 104px;
  width: 416px; }

.sprite-icon05 {
  background-position: 0 -1138px;
  height: 115px;
  width: 431px; }

.sprite-ileft {
  background-position: 0 -1253px;
  height: 18px;
  width: 74px; }

.sprite-iright {
  background-position: 0 -1271px;
  height: 18px;
  width: 75px; }

.sprite-next01 {
  background-position: 0 -1289px;
  height: 8px;
  width: 43px; }

.sprite-png01 {
  background-position: 0 -1297px;
  height: 464px;
  width: 348px; }

.sprite-png02 {
  background-position: 0 -1761px;
  height: 267px;
  width: 348px; }

.sprite-png04 {
  background-position: 0 -2028px;
  height: 69px;
  width: 86px; }

.sprite-prev01 {
  background-position: 0 -2097px;
  height: 8px;
  width: 43px; }

.sprite-title01 {
  background-position: 0 -2105px;
  height: 50px;
  width: 333px; }

.sprite-youtube {
  background-position: 0 -2155px;
  height: 28px;
  width: 28px; }

html, body {
  font-family: "Gentium Basic", "微軟正黑體", "Microsoft JhengHei", "Heiti TC", serif, Times;
  color: #444;
  font-size: 14px;
  line-height: 130%;
  min-width: 1024px; }

a:hover {
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s; }

/*------------------------------*\
            = header
\*------------------------------*/
header {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 1000;
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25); }
  header .header_bg {
    height: 124px;
    background-color: #fff; }
  header .logo {
    background: url("../img/logo.jpg") no-repeat;
    width: 254px;
    height: 78px;
    margin-top: 20px; }
  header .sns {
    float: right;
    margin-top: 45px; }
    header .sns a {
      display: inline-block;
      margin-left: 10px; }
      header .sns a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87);
        opacity: 0.87; }
    header .sns .svg-youtube, header .sns .svg-fb {
      width: 28px;
      height: 28px; }
    header .sns .svg-youtube {
      background: url("../img/youtube.svg") no-repeat;
      background-size: contain; }
    header .sns .svg-fb {
      background: url("../img/fb.svg") no-repeat;
      background-size: contain; }
  header .navbar {
    background: #fff;
    height: 70px;
    border-top: 1px #eee solid; }
    header .navbar ul {
      width: 100%; }
      header .navbar ul li {
        display: inline-block;
        border-left: 1px #eee solid;
        text-align: center;
        letter-spacing: 1px;
        margin-left: -3px; }
        header .navbar ul li a {
          display: block;
          padding: 17px 21.9px; }
          header .navbar ul li a:hover {
            color: #F86E6C;
            background: #f5f5f5; }
        header .navbar ul li .en {
          color: #D2A559;
          text-transform: uppercase;
          font-size: 13px; }
      header .navbar ul li:last-child {
        border-right: 1px #f6f6f6 solid; }

/*------------------------------*\
           = footer
\*------------------------------*/
footer {
  position: relative;
  bottom: 0;
  background: #fff;
  border-top: 2px #E0001C solid;
  width: 100%;
  height: 135px; }
  footer .ftlogo {
    background: url("../img/ftlogo.jpg") no-repeat;
    width: 186px;
    height: 33px; }
  footer ul li {
    display: inline-block;
    margin: 30px 3px 20px 15px; }
    footer ul li a:hover {
      color: #F86E6C; }
  footer .copyright {
    clear: right;
    color: #868686;
    font-size: 11px;
    font-family: '微軟正黑體'; }
  footer .sprite-bktop {
    cursor: pointer;
    position: absolute;
    top: -100px;
    right: 50px; }
    footer .sprite-bktop:hover {
      top: -110px; }

/*--------------------------*\
            = grid
\*--------------------------*/
.grid1 > li img, .grid2 > li img, .grid3 > li img, .grid4 > li img, .grid5 > li img {
  display: block;
  width: 100%; }

.grid2 > li {
  display: inline-block;
  width: 47.9%;
  margin-right: 3%; }
.grid2 > li:last-child {
  margin-right: 0; }

.grid3 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 306px;
  margin-right: 49px;
  margin-bottom: 50px; }
.grid3 > li:last-child {
  margin-right: 0; }
.grid3 > li:nth-child(3n) {
  margin-right: 0; }
.grid3 .last-child {
  margin-right: 0; }

.grid4 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 235px;
  margin-right: 15px;
  vertical-align: top; }
.grid4 > li:last-child {
  margin-right: 0; }

.grid5 > li {
  display: inline-block;
  width: 19.5%;
  margin: 0 1% 0 0;
  vertical-align: top; }
.grid5 > li:last-child {
  margin-right: 0; }

/*--------------------------*\
        = backgroundimg
\*--------------------------*/
.bg01 {
  background: url("../img/bg01.jpg") no-repeat center;
  background-size: cover; }

.bg02 {
  background: url("../img/bg02.jpg") no-repeat center;
  background-size: cover; }

.bg03 {
  background: url("../img/bg03.jpg") no-repeat center;
  background-size: cover; }

.bg04 {
  background: url("../img/bg04.jpg") no-repeat center;
  background-size: cover; }

.bg05 {
  background: url("../img/bg05.jpg") no-repeat center;
  background-size: cover; }

.bg01 {
  height: 685px;
  position: relative; }

.bg02 {
  height: 760px; }

.bg03 {
  height: 745px; }

.bg04 {
  height: 780px; }

.pgbg01_1, .pgbg01_2 {
  position: absolute;
  width: 100%;
  z-index: -1; }

.pgbg02_1, .pgbg02_2 {
  position: absolute;
  width: 100%;
  z-index: -1; }

.pgbg03_1, .pgbg03_2 {
  position: absolute;
  width: 100%;
  z-index: -1; }

.pgbg04_1, .pgbg04_2 {
  position: absolute;
  width: 100%;
  z-index: -1; }

.pgbg01_1 {
  top: 196px; }

.pgbg02_1 {
  top: 196px; }

.pgbg03_1 {
  top: 196px; }

.pgbg04_1 {
  top: 196px; }

.pgbg05_1 {
  top: 196px; }

.pgbg06_1 {
  top: 196px; }

.pgbg01_2 {
  bottom: 0; }

.pgbg02_2 {
  bottom: 0; }

.pgbg03_2 {
  bottom: 0; }

.pgbg04_2 {
  bottom: 0; }

.pgbg05_2 {
  bottom: 0; }

.pgbg06_2 {
  bottom: 0; }

.pgbg01-r {
  background: url("../img/pgbg01-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg02-r {
  background: url("../img/pgbg02-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg03-r {
  background: url("../img/pgbg03-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg04-r {
  background: url("../img/pgbg04-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg05-r {
  background: url("../img/pgbg05-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg06-r {
  background: url("../img/pgbg06-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg07-r {
  background: url("../img/pgbg07-r.jpg") repeat-y center;
  background-size: 100% auto;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg01_1 {
  background: url("../img/pgbg01.jpg") no-repeat top;
  background-size: cover;
  height: 878px; }

.pgbg02_1 {
  background: url("../img/pgbg02-1.jpg") no-repeat bottom;
  background-size: cover;
  height: 231px; }

.pgbg02_2 {
  background: url("../img/pgbg02-2.jpg") no-repeat top;
  background-size: 100% auto;
  height: 342px; }

.pgbg03_1 {
  background: url("../img/pgbg03-1.jpg") no-repeat bottom;
  background-size: cover;
  height: 515px; }

.pgbg03_2 {
  background: url("../img/pgbg03-2.jpg") no-repeat top;
  background-size: cover;
  height: 738px; }

.pgbg04_1 {
  height: 147px; }

.pgbg04_2 {
  background: url("../img/pgbg04-2.jpg") no-repeat top;
  background-size: cover;
  height: 519px; }

.pgbg05 {
  background: #FAF1F4;
  width: 100%;
  height: auto; }

.pgbg05_2 {
  width: 100%;
  height: 2821px;
  background: #faece3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #faece3 0%, #fadfd8 44%, #f9d1cf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #faece3 0%, #fadfd8 44%, #f9d1cf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #faece3 0%, #fadfd8 44%, #f9d1cf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faece3', endColorstr='#f9d1cf',GradientType=0 );
  /* IE6-9 */ }

.pgbg06 {
  background: url("../img/pgbg06-1.jpg") no-repeat top;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 5810px; }

.pgbg07 {
  background: #F5E6E5;
  width: 100%;
  height: 1632px; }

/*--------------------------*/
.breadcumb a {
  display: inline-block; }
.breadcumb span {
  margin: 0 10px; }

.page_title {
  margin-bottom: 5px; }
  .page_title h2 {
    font-size: 24px; }

.sprite-title01 h2:first-child {
  margin-top: 19px;
  margin-left: 18px; }

.container {
  margin: 0 auto;
  max-width: 1024px; }

.abso {
  position: absolute;
  z-index: 1; }

.banner_wp {
  width: 100%;
  height: 736px;
  position: relative;
  overflow: hidden;
  z-index: 2; }
  .banner_wp .bn_center {
    left: 50%;
    top: 0;
    margin-left: -208px;
    width: 340px;
    height: 736px;
    z-index: 2; }
  .banner_wp .grid-left, .banner_wp .grid-right {
    width: 1100px;
    height: 736px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%; }
  .banner_wp .blot {
    width: 550px;
    height: 736px;
    float: left;
    display: inline;
    position: relative; }
  .banner_wp .banner {
    background: url("../img/banner1.jpg") no-repeat center;
    background-size: auto 100%;
    width: 100%;
    min-height: 736px; }

.sprite-png01 {
  top: 15%;
  left: 50%;
  margin-left: -700px; }

.sprite-png02 {
  top: 15%;
  left: 50%;
  margin-left: -696px; }

.sprite-png03 {
  top: 14%;
  right: 50%;
  margin-right: -610px; }

.sprite-png04 {
  bottom: 12%;
  left: 50%;
  margin-left: -45px; }

.bshadow {
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); }

.title {
  position: relative; }
  .title h2 {
    font-size: 30px; }
  .title h3 {
    font-size: 20px; }
  .title .sprite-icon02 {
    position: absolute;
    top: 57px;
    left: 356px; }
  .title .sprite-icon03 {
    position: absolute;
    top: 76px;
    left: 260px; }
  .title .sprite-icon05 {
    position: absolute;
    top: 115px;
    left: 290px; }
  .title .purple {
    color: #B8A3E1; }

.ti_en {
  color: #E36875;
  letter-spacing: 2px; }

.tx666 {
  color: #666; }

.img_wp {
  display: block;
  overflow: hidden;
  border-radius: 4px; }

.bgwhite {
  background: #fff;
  padding: 18px 18px 20px; }

.bor_dash {
  border: 1px #FF4C4C dashed; }

.peach {
  color: #FF4C4C; }

.list_title {
  font-family: "微軟正黑體", Arial; }
  .list_title h4 {
    font-size: 14px; }
  .list_title h3 {
    font-size: 25px;
    color: #000;
    margin: 10px 10px 15px; }
  .list_title .w_txt {
    font-size: 20px;
    color: #535353;
    line-height: 140%; }
  .list_title p {
    color: #545454; }
  .list_title .date {
    background: url("../img/icn01.png") no-repeat;
    width: 113px;
    height: 24px;
    color: #fff;
    line-height: 200%;
    letter-spacing: 2px;
    font-size: 12px; }

.oneline {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.compare {
  width: 100%;
  text-align: center; }
  .compare > span {
    vertical-align: top; }
  .compare .title {
    font-size: 50px;
    color: #F86E6C; }
  .compare .tw_con, .compare .jp_con {
    width: 38%; }
    .compare .tw_con p, .compare .jp_con p {
      font-size: 16px;
      line-height: 140%;
      color: #000; }
  .compare .icn_con {
    width: 20%; }
    .compare .icn_con div {
      display: block; }

.youtube {
  margin: 0 auto;
  width: 890px;
  height: 480px; }

.content_bg {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  z-index: 0;
  overflow: hidden; }

.content_bg0 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: visible; }

.editbg {
  width: 100%;
  height: 958px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1; }

.wedding li {
  position: relative;
  width: 325px;
  margin-right: 21px;
  margin-bottom: 21px;
  padding: 10px;
  overflow: hidden; }
  .wedding li .list_title {
    padding: 8px 20px 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }

.process .htmleditor {
  position: relative;
  top: -70px;
  right: -250px;
  color: #525252;
  padding: 25px 35px; }
.process .border_bottom {
  border-bottom: 1px #F1E4CD solid; }

.processbanner {
  position: relative;
  background: url("../img/pic09.jpg");
  width: 100%;
  height: 358px; }
  .processbanner .pc_icon {
    position: absolute;
    bottom: -210px;
    left: 0;
    background: url("../img/pcbg01.jpg");
    width: 208px;
    height: 144px; }
  .processbanner.pc_banner01 {
    background: url("../img/pic10.jpg");
    width: 100%;
    height: 358px; }
  .processbanner.pc_banner02 {
    background: url("../img/pic09-new.jpg");
    width: 100%;
    height: 300px; }
  .processbanner .fltr {
    float: right;
    margin: 110px 110px; }
  .processbanner .pc_title em {
    display: block;
    font-size: 20px;
    margin-bottom: 12px; }
  .processbanner .pc_title i {
    display: block;
    font-size: 30px; }
  .processbanner .btnwp {
    margin-top: 35px;
    text-align: right; }
    .processbanner .btnwp a {
      background-color: #fff;
      color: #E47F8A;
      padding: 7px 50px;
      font-size: 16px;
      font-family: "微軟正黑體", Arial;
      cursor: pointer; }
      .processbanner .btnwp a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
        opacity: 0.75; }
    .processbanner .btnwp .current {
      background-color: #E47F8A;
      color: #fff; }
      .processbanner .btnwp .current:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }

.btn {
  font-family: '$contentFont';
  padding: 11px 38px 12px; }
  .btn span {
    vertical-align: middle;
    font-size: 16px; }
  .btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

.fff {
  color: #fff; }

.pink {
  background-color: #F6A8AE; }

.c_wrap {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px; }

.con_banner {
  position: relative;
  top: -90px;
  left: -136px;
  background: url("../img/con_banner.png") center;
  width: 1216px;
  height: 532px; }

.c_title {
  color: #D2A559;
  margin-bottom: 3px; }

.info {
  font-family: "微軟正黑體", Arial; }
  .info > tbody > tr > td:nth-child(2) {
    padding-bottom: 30px; }
  .info .icon {
    width: 75px;
    vertical-align: top; }
  .info table td {
    padding: 3px 0; }

.c_bg {
  background-color: #FCF5EE;
  padding: 20px; }

.c_matil {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/icn02.png");
  padding: 7px;
  font-size: 16px;
  width: 240px;
  height: 28px;
  color: #fff; }

.form > tbody > tr > td {
  padding: 8px 10px 8px 10px;
  vertical-align: top; }
.form > tbody > tr > td:nth-child(odd) {
  padding: 8px 40px 8px 10px; }
.form table td {
  vertical-align: top;
  padding: 10px 0; }
  .form table td span, .form table td input {
    vertical-align: middle;
    margin-bottom: 3px; }
.form input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 5px;
  background-color: #fff;
  width: 100%;
  height: 40px; }
.form input[type="radio"] {
  width: 16px;
  height: 16px; }
.form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 3px 5px;
  width: 100%;
  height: 100%;
  resize: none; }

button {
  cursor: pointer; }

/**\**/
.pagechange {
  background-color: #fff;
  height: 60px;
  text-align: right;
  line-height: 420%; }
  .pagechange a {
    padding: 15px 2px; }
  .pagechange span {
    font-size: 20px;
    margin-right: 30px;
    color: #F6A8AE;
    vertical-align: middle; }
  .pagechange .sprite-prev01, .pagechange .sprite-next01 {
    margin: 0 15px; }

.btnback {
  display: inline-block; }
  .btnback span {
    margin-right: 6px;
    color: #F6A8AE;
    font-size: 20px;
    vertical-align: middle; }

.processbanner.pc_banner03 {
  background: url("../img/pic12.jpg");
  width: 100%;
  height: 300px; }

.processbanner.pc_banner04 {
  background: url("../img/pic13.jpg");
  width: 100%;
  height: 300px; }

.bg022 {
    background: #f7f5f9;
}

.jp {
    line-height: 140%;
}

.jp h2 {
    margin-bottom: 18px;
}

.jp h3 {
        font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 120%;
    margin-top: 25px;
}

.jp p {
    margin-bottom: 10px;

}

.jp p.titleb {
    font-size: 40px;
    font-weight: bold;
        line-height: 120%;
}

.jp p.subhead {
        font-size: 19px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 33px;
}