body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) */
* {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體";}
.header {display: flex;}
.header nav {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.footer-wrap .icon_wrap p {font-size: 15px !important;}
.footer-wrap .icon_wrap ul.footer_bticon {top: 15px !important;}

.stay_aside_main {padding: 2% 5%;}
.hover-wall .htpro_tit h1 {border-bottom: 3px solid #f00 !important;}
.hover-wall .htpro_tit h2 {line-height: 30px; text-align: left; padding: 15px 25%;}
.hover-wall .icon_info h3 {margin-bottom: 25px;}
.hover-wall .icon_info {box-shadow: none !important;}
.hover-wall figure {text-align: center; padding: 30px;}
.hover-wall figure .b_img {width: initial !important;}
.hover-wall .icon_info:hover figure .b_img {-webkot-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important;}
.hover-wall figure .overlay {display: none;}

.stay_aside_main_2 {padding: 2% 13%; background-image: linear-gradient(180deg,#dddddd 0%,#ffffff 100%)!important;}
.stay_aside_main_2 .hover-wall .htpro_tit {margin-top: 1em !important; margin-bottom: 0.5em !important;}
.stay_aside_main_2 .hover-wall .htpro_tit h1 {border: none !important; font-weight: bold; font-size: 30px;}
.stay_aside_main_2 .hover-wall .htpro_tit h2 {display: none;}
.list-wrapper .row {background: transparent !important; border-bottom: none !important;}
.list-wrapper .name-block {flex: 0 0 100% !important; max-width: 100% !important; padding-bottom: 5px !important; position: relative;}
.list-wrapper .name-block a {cursor: default; font-weight: bold; color: #333 !important; font-size: 20px;}
.list-wrapper .name-block:before {content: "\f058"; font: normal normal normal 20px/1 FontAwesome; color: #0c71c3; position: absolute; left: -10px; top: 18px;}
.list-wrapper .note-block {flex: 0 0 100% !important; max-width: 100% !important; padding-top: 0 !important; font-size: 16px !important;}


.stay_aside_main_3 {padding: 50px 15px 0; background-color: #fff; position: relative;}
.stay_aside_main_4 {padding: 150px 12% 4%; background-image: linear-gradient(180deg,rgba(43,135,218,0.44) 0%,rgba(41,196,169,0.33) 100%)!important;}
.stay_aside_main_4 .hover-wall .htpro_tit {text-align: left !important; margin-bottom: 0.5em !important;}
.stay_aside_main_4 .hover-wall .htpro_tit h1 {border: none !important; font-weight: bold; font-size: 30px; width: 100%; color: #0c71c3!important; padding: 15px 0;}
.stay_aside_main_4 .hover-wall .htpro_tit h2 {display: none;}


.stay_aside_main_5 {padding: 2% 9%;}
.stay_aside_main_5 .hover-wall .htpro_tit {margin-top: 1em !important; margin-bottom: 0.5em !important;}
.stay_aside_main_5 .hover-wall .htpro_tit h1 {border: none !important; font-weight: bold; font-size: 30px;}
.stay_aside_main_5 .hover-wall .htpro_tit h2 {display: none;}

.stay_aside_main_6 .module-container {text-align: center !important;}

.stay_aside_main_7 {padding: 0% 10% 2%;}
.stay_aside_main_7 .hover-wall .htpro_tit {margin: 0 !important; height: 0 !important;}
.stay_aside_main_7 .animate-text {text-align: center !important;}
.stay_aside_main_7 .text-center.row-title {color: #00AEAE !important;}
.stay_aside_main_7 .banner_7 {text-align: center !important;}
.stay_aside_main_7 .NaN {display: table !important; margin: 0 auto !important;}

.stay_aside_main_8 {padding: 2% 5%;}
.stay_aside_main_8 .module-container {text-align: center !important;}

.stay_aside_main_9 {padding: 0% 10% 2%;}
.stay_aside_main_9 .hover-wall .htpro_tit {margin: 0 !important; height: 0 !important;}
.stay_aside_main_9 .animate-text {text-align: center !important;}

.stay_aside_main_10 {padding: 0% 8% 2%;}
.stay_aside_main_10 .left_title .hover-wall figure .b_img {width: 20% !important;}
.stay_aside_main_10 .left_title .hover-wall .htpro_tit {padding-bottom: 0; margin-bottom: 0;}
.stay_aside_main_10 .left_title .hover-wall .htpro_tit h1 {position: relative; border: none !important;}
.stay_aside_main_10 .left_title .hover-wall .htpro_tit h2 {display: none;}
.stay_aside_main_10 .left_title .hover-wall .icon_info figure {padding: 10px 30px 15px !important; margin: 0 !important;}
.stay_aside_main_10 .left_title .hover-wall .icon_info h3 {margin-bottom: 15px !important;}
.stay_aside_main_10 .left_title .hover-wall .icon_info p.animate-text {margin-bottom: 0 !important;}
.stay_aside_main_10 .left_title .hover-wall .htpro_tit h1:before {border-bottom: 3px solid #0c71c3 !important; content: ' '; height: 3px; width: 50px; position: absolute; bottom: 0; left: 36%;}
.stay_aside_main_10 .top_title .hover-wall .htpro_tit h1 {border: none !important; font-weight: bold; font-size: 36px; padding-bottom: 0; margin-bottom: 0;}
.stay_aside_main_10 .top_title .hover-wall .htpro_tit h1:before {border: none !important;}
.stay_aside_main_10 .hover-wall .htpro_tit h2 {text-align: center !important;}

.product_main {padding: 0 10%;}
.product_main .page-header h1 {font-size: 26px; font-weight: bold; margin-bottom: 30px;}
.product_main .page-header h1 small {font-size: 50px; font-weight: bold; margin-top: 10px; display: block;}

.privacypolicy_main {padding: 1% 10% 5%;}


.introduction_top section {padding: 10% 15%; color: #FFF; text-shadow: 1px 2px 5px #333;}
.introduction_top section h2 {font-weight: bold; font-size: 2.5rem}
.introduction_top section ul li {font-weight: bold; font-size: 1.5rem}
  @media (max-width: 767px) {
    .introduction_top section {padding: 5% 10%;}
    .introduction_top section h2 {font-size: 2rem}
    .introduction_top section ul li {font-size: 1rem}
  }
.introduction_main {padding: 5% 15%;}

.joinus_main {background: #343681;}
.joinus_main .joinus_box {padding: 5% 10%;}
.joinus_main .joinus_box h1 {font-size: 4rem; font-weight: bold; color: #FFF; letter-spacing: 10px; margin-bottom: 50px; position: relative;}
.joinus_main .joinus_box h1:after {content: ''; position: absolute; left: 0; bottom: -20px; height: 3px; color: #FFF; width: 100px; background: rgba(255, 255, 255, .5);}
.joinus_main .joinus_box h3 {font-size: 2rem; font-weight: bold; color: #FFF; letter-spacing: 5px; margin-bottom: 15px;}
.joinus_main .joinus_box p {font-size: 1.5rem; color: #FFF; letter-spacing: 5px; line-height: 40px; margin-bottom: 60px;}
.joinus_main .joinus_box a {background: #4646C4; color: #FFF; font-size: 1.2rem; padding: 10px 15px;}
  @media (max-width: 767px) {
    .joinus_main .joinus_box {padding: 5% 0%;}
    .joinus_main .joinus_box h1 {font-size: 3rem; margin-bottom: 30px;}
    .joinus_main .joinus_box h3 {font-size: 1.5rem; margin-bottom: 10px;}
    .joinus_main .joinus_box p {font-size: 1rem; margin-bottom: 40px;}
    .joinus_main .joinus_box a {font-size: 1rem;}
  }
.announcement_main {padding: 5% 15%;}
.announcement_main .list-wrapper .row {border-bottom: 1px solid #cccccc !important; padding: 0px !important;}
.announcement_main .list-wrapper .name-block {flex: 0 0 83.333333% !important; padding: 15px 25px !important;}
.announcement_main .list-wrapper .name-block:before {left: 0 !important;}
.announcement_main .list-wrapper .name-block a {display: block; cursor: pointer;}

.class_main {padding: 1% 15%;}
@media screen and (min-width: 950px) {
.contact .contac_form .form-row > [class*="col-"]:nth-child(even) {padding: 0 0 2% 0 !important; flex: 0 0 50%;}
.contact .contac_form .form-row > [class*="col-"]:nth-child(odd) {padding: 0 0 2% 2% !important; flex: 0 0 50%;}
.contact .contac_form .form-row > [class*="col-"]:first-child,
.contact .contac_form .form-row > [class*="col-"]:last-child {padding: 0 0 2% 0 !important; flex: 0 0 100%;}
}
.contact .contac_form .form-row > [class*="col-"] select.form-control:not([size]):not([multiple]) {height: 50px;}
.contact .contac_form .form-row > [class*="col-"]:last-child textarea.form-control {height: 150px;}

@media (max-width: 767px) {
  section.group_table .container, section.view_map .container {padding: 10px 20px;}
}