@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------通用設定-------------------------------------------------------------------*/
/*---------------------CSS3 動畫設定-----------------------------------------------*/
img, #logo-box, #service-box, #service-box div, #banner-box, #main-pdbox, #main-pdbox div, #index-content, #index-content div, #footer, #footer div { -webkit-transition: all 500ms cubic-bezier(0.41, 0.39, 0.485, 0.465); -moz-transition: all 500ms cubic-bezier(0.41, 0.39, 0.485, 0.465); -o-transition: all 500ms cubic-bezier(0.41, 0.39, 0.485, 0.465); transition: all 500ms cubic-bezier(0.41, 0.39, 0.485, 0.465); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.41, 0.39, 0.485, 0.465); -moz-transition-timing-function: cubic-bezier(0.41, 0.39, 0.485, 0.465); -o-transition-timing-function: cubic-bezier(0.41, 0.39, 0.485, 0.465); transition-timing-function: cubic-bezier(0.41, 0.39, 0.485, 0.465); /* custom */ }

a { text-decoration: none; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

/*--連結背景動畫--*/
/*-----------------------------------------------通用設定-------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
body { font-size: 14px; color: #2b2b2b; }

#Contents { margin: 50px 0 0; }

.container { box-shadow: 0 0 8px rgba(38, 38, 38, 0.1); }

.img_word img { height: auto; }

.img_word img:hover { transform: none; }

.img_title { margin: -261px 0 0; position: relative; z-index: 1; }

.img_title h2 { font-size: 25px; color: #6ebdff; font-family: 'Ubuntu', sans-serif; }

.img_title h1 { font-size: 85px; color: #3f8cc8; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 10px; }

#Contents p { margin: 120px 0 20px; font-size: 16px; }

#Contents a { /*background: #89949d;*/ color: #fff; border-radius: 0; font-weight: bold; }

#Contents a:hover { background: #757f87; }

/*-------------------------CIS 全站設定--bootstrop 組件 設定---全站文字(後台上架)設定--------------------------*/
/*---主色---*/
.brand-warning { color: #FF6600; }

.bg-warning { background: #FF6600; color: #fff; }

.label-warning { background: #FF6600; }

.text-warning { color: #FF6600; }

/*---配色---*/
.gray { color: #4f4f4f; }

.gray-light { color: #2f2f2f; }

.gray-lighter { color: #e1e1e1; }

/*-----按鈕-------*/
.btn { border-radius: 0; }

.error-button { background-color: #c5c5c5; border: none; padding: 7px 15px; color: #fff; border-radius: 4px; transition: all .2s ease-in-out; }

.error-button:hover { background-color: #3f8cc1; }

/* ======================================================================================
   MD版 start
====================================================================================== */
/* ======================================================================================
   SM版 start
====================================================================================== */
/* ======================================================================================
   XS版 start
====================================================================================== */
@media (max-width: 767px) { .img_word img { width: 100%; }
  .img_title { margin: -200px 0 0; }
  .img_title h2 { font-size: 18px; }
  .img_title h1 { font-size: 50px; }
  #Contents p { margin: 110px 0 20px; font-size: 14px; } }

/* ==================================================
   XS 尺寸微調
================================================== */
@media screen and (max-width: 480px) { .img_title { margin: -163px 0 0; }
  .img_title h2 { font-size: 16px; }
  .img_title h1 { font-size: 36px; }
  #Contents p { margin: 100px 0 20px; } }

@media screen and (max-width: 380px) { .img_title { margin: -140px 0 0; }
  #Contents p { margin: 88px 0 20px; } }

@media screen and (max-width: 320px) { .img_title { margin: -118px 0 0; }
  .img_title h2 { font-size: 13px; margin: 0; }
  .img_title h1 { font-size: 30px; margin: 2px 0; }
  #Contents p { margin: 66px 0 20px; } }
/*# sourceMappingURL=error.css.map */