html,
body {height: 100%; padding: 0px; margin: 0px; color: #fff; background: url("/images/bg/about_trust_bg/about_trust_bg_01.webp"); background-attachment: fixed; background-position: center;background-size: cover; z-index: -9999;}
.container-fluid {padding: 0px;}

/* -----------------------------------------------*/
/* well */
.well {background-color: rgba(255, 255, 255, 0.5); padding: 50px 50px 50px 50px; color: #000;}
.well_pc p {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem;}
.well_pc h3 {font-size: 4rem; font-weight: normal; letter-spacing:.1rem; line-height: 5rem;}
.well_mobile {background-color: rgba(255, 255, 255, 0.9); padding: 20px 10px 50px 10px; color: #000;}
.well_mobile p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.2rem;}
.well_mobile h3 {font-size: 3rem; font-weight:700; letter-spacing:.1rem; line-height: 3rem;}
/* -----------------------------------------------*/
/* btn style */
.btn {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem;}
.btn.round-pc {border-radius: 30px;}
.btn.round-mobile {border-radius: 20px;}
.btn.btn-menu-pc {line-height: 2rem; padding: 0px 10px 4px 10px; font-family: '微軟正黑體'; border-radius:0px;}
.btn.btn-pc {font-size: 2.6rem; font-weight: bold; letter-spacing: .1rem; line-height: 3rem; padding: 5px 30px 5px 30px; font-family: '微軟正黑體';}
.btn.btn-mobile {font-size: 2rem; letter-spacing: .1rem; line-height: 3rem; padding: 10px 25px 10px 25px; font-family: '微軟正黑體';}
.btn.btn-panel-pc {font-size: 3rem; font-weight: bold; letter-spacing: .1rem; line-height: 4rem; padding: 5px 30px 5px 30px; font-family: '微軟正黑體';}
.btn.btn-panel-mobile {font-size: 1.6rem; letter-spacing: .1rem; line-height: 2rem; padding: 5px 20px 5px 20px; font-family: '微軟正黑體';}

/* btn color */
.btn.luxury_gradient {background-color: #29539b; background-image: linear-gradient(315deg, #29539b 0%, #1e3b70 74%); border-color: goldenrod; border-width:3px; border-style:solid; color:palegoldenrod;}
.btn.luxury_gradient:hover {background-color: #182b3a; background-image: linear-gradient(315deg, #182b3a 0%, #20a4f3 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: palegoldenrod;}
.btn.luxury_gradient:focus, .btn.luxury_gradient:active {background-color: #182b3a; background-image: linear-gradient(315deg, #182b3a 0%, #20a4f3 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: palegoldenrod; outline: 3px solid hotpink;}

/* panel 主面板 */
.panel {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color: #000;}
.panel {border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0 !important;}
.panel {border: none; box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.40); text-align: left;}
.panel:hover, .wrapper .panel:active, .wrapper .panel:focus {border-top: 5px solid lightpink; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3); text-align: left; margin-top:-5px;}
.panel {padding: 0px;}

/* -----------------------------------------------*/
/* modal 置中 20190529 */
.mobile_modal.modal-dialog {position:absolute; top:60% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%;}
.mobile_modal.modal-content {min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.mobile_modal.modal-body {position:absolute; top:45px; /** height of header **/ bottom:45px; /** height of footer **/ left:0; right:0; overflow-y:auto;}
.mobile_modal.modal-footer {position:absolute; bottom:0; left:0; right:0;}

/* 調整modal zindex 20190528 */
.navbar {margin-bottom: 0; z-index: 9999;}
.modal {z-index: 10000;}

/* 修改modal圓角 20200331 */
.modal-content {-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}
/* -----------------------------------------------*/
/* 分隔線式樣 20190517 */
hr.featurette-divider {margin-top: -0.8em;margin-bottom: 1em;} 
hr.media-divider {margin-top: -0.1em; margin-bottom: 0.5em;} 

/* 表單欄位垂直置中 20180530 */
.vertical-align {padding-top: 3px;}

.banner {background-image: url("/images/about_trust/trust_content_bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; -moz-background-size: 50%; padding: 20px 30px 50px 30px;} /* modal background-image 不可加 background-attachment: fixed; 20200528 */

.text_content {padding: 5% 1%;}
.text_content p {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '微軟正黑體'; text-align: left;}
.text_content a {font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:hotpink; font-family: '微軟正黑體'; text-align: left; text-decoration: underline;}
.text_content a:hover {font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:orangered; font-family: '微軟正黑體'; text-align: left; text-decoration: underline;}
.text_content h1 {font-size: 3rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
.text_content h2 {font-size: 2.6rem; font-weight: 700; letter-spacing:.1rem; line-height: 3.6rem; color:black; font-family: '微軟正黑體'; text-align: left; margin: 0px;}
.text_content .editor {font-size: 1.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 1.4rem; color:dimgray; font-family: '微軟正黑體'; text-align: left; padding: 10px 0px 0px 20px;}
.text_content .link {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:lightcoral; font-family: '微軟正黑體'; text-align: left; text-decoration: underline;}
.text_content .link:hover {font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:deepskyblue; font-family: '微軟正黑體'; text-align: left; text-decoration: underline;}
.text_content .highlight_title {font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; text-align: left; text-decoration: underline;}
.text_content .highlight {color:orangered; font-weight: bolder;}
.text_content .more {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '微軟正黑體'; text-decoration: none;}
.text_content .more:hover {font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '微軟正黑體'; text-decoration: underline;}
.text_content ol {font-size: 2.2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '微軟正黑體'; margin-left:0px;} 
.text_content li {margin-bottom:0px;} 
.text_content .underline {text-decoration: underline;}
.text_content ul {text-align: left; margin-left: 50px; padding-left: 0;}

/* 按扭彈跳 */
.bounced {transition: all 400ms cubic-bezier(.47,1.64,.41,.8);}
.bounced:hover {transform: scale(1.5);}