/* Global Styles */
@import url("main.css");
@import url("inpage.css");
body { font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Geneva, sans-serif; }
html { -ms-overflow-style: scrollbar; }

@media(min-width:768px) {
body { }
}
.text-yellow { color: #FFDD00; }

/*table*/
@media(max-width:768px) {
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { }
}
/*----------header----------*/

.header_top { top: 0; left: 0; width: 100%; padding-right: 0; padding-left: 0; }
/* bootstrap 5 columns */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-1-5 { width: 20%; float: left; }

@media (min-width: 768px) {
.col-sm-1-5 { width: 20%; float: left; }
}

@media (min-width: 992px) {
.col-md-1-5 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
.col-lg-1-5 { width: 20%; float: left; }
}
#wrapper { padding-left: 0; }
#page-wrapper { width: 100%; padding-top: 20px; padding-right: 0; padding-left: 0; padding-bottom: 0; }
.huge { font-size: 50px; line-height: normal; }

@media(max-width:768px) {
/*#wrapper {
	padding-left: 225px;
}*/
#page-wrapper { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; background: rgb(192,190,211); background: -moz-linear-gradient(top, rgba(192,190,211,1) 0%, rgba(117,124,168,1) 100%); background: -webkit-linear-gradient(top, rgba(192,190,211,1) 0%, rgba(117,124,168,1) 100%); background: linear-gradient(to bottom, rgba(192,190,211,1) 0%, rgba(117,124,168,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0bed3', endColorstr='#757ca8', GradientType=0 );
}
}
.hr01 { border-style: dashed; border-color: #92908a; margin-top: 5px; margin-bottom: 5px; }
/*----------Top Navigation----------*/

/*----------weather----------*/
.wea_col { /* [disabled]margin-top: 54px;
*/ top:15px; bottom: 66px; position: absolute; right: 0px; }
.wea_align { display: flex; align-items: center; }
.wea_mes { margin-right: 10px; float: left; }
/*----------mobile_top menu----------*/
.s_top { top: 0px; width: 100%; z-index: 10; }
.s_top_m { background-color: #000000; padding-right: 15px; padding-left: 15px; display: table; width: 100%; }
.s_top_l { background-color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; display: table; width: 100%; }
.s_top ul li { display: inline-block; list-style: none; }
.s_top ul li a { display: inline-block; color: #fff; text-align: center; border-radius: 2px; font-size: 18px; }
.s_top ul li a:hover { color: #000000; }
.s_top_bar { margin-left: 0px; float: left; }
.s_top_right { float: right; }
.s_top .navbar-nav { margin-right: 0px; }
.s_top .si_o:before { font-size: 24px; }
/*----------navbar_home----------*/
.nav>li>a:focus { background-color: transparent; }
.navbar-right { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }
.navbar-collapse { padding-left: 0px; padding-right: 0px; }
.navbar-plane { background-color: transparent; border-color: transparent; z-index: 25; }
.nav_fa .fa_cube, .nav_fa .fa_cube_e { position: relative; display: inline-block; vertical-align: middle; }
.nav_fa>.dropdown .fa_cube { margin-right: 15px; }
.nav_fa>.dropdown .fa_cube_e { margin-right: 5px; }
.nav_fa .fa_drop { font-size: 40px; }
.nav_fa li a { }
.navbar-plane .navbar-toggle { border-color: #777777; }
.navbar-plane .navbar-toggle .icon-bar { background-color: #777777; }
.navbar-plane .navbar-toggle .icon-bar:hover, .nav_fa .open a { background-color: #fff; }
.nav_fa .active>a, .nav_fa li a:hover, .nav_fa .open>a:hover, .nav_fa .multi-level li:hover, .nav_fa .multi-level li:hover>a, .nav_fa .active a:focus { background-color: #039ca2; }
.nav_fa .active .fa_drop, .nav_fa li a:hover .fa_drop, .nav_fa li a:hover .txt, .nav_fa .active .txt, .nav_fa li a:hover .txt_e, .nav_fa .active .txt_e, .nav_fa .multi-level li:hover>a { color: #FFFFFF; }
.nav_fa .active .fa-inverse, .nav_fa li .fa_drop, .nav_fa li a:hover .fa-inverse { color: #039ca2; }
.nav_fa>li:nth-child(n+2) { border-left: 1px dashed #039CA2; }
.nav_fa li { background-color: #FFFFFF; }
.nav_fa .m_01 a { width: 76px; text-align: center; }
.nav_fa .m_02 { width: 212px; }

@media(max-width:1199px) {
.nav_fa>li>a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 60px; }
.nav_fa .m_01 a { width: 70px; }
.nav_fa .m_02 { width: 173px; }
.nav_fa .m_02>a { }
}

@media(max-width:991px) {
.nav_fa .m_02 { width: 129px; }
}
.nav_top { position: absolute; bottom: 0px; right: 0px; }

@media(max-width:991px) {
.nav_top_left { float: none; }
}
.nav_top_left li a { color: #000000; }
.nav_top_left li a:hover { color: #FFFFFF; background-color: #039CA2; }
.nav_top_left li i { margin-right: 3px; }
.nav_top_left li i:before { font-size: 18px; vertical-align: middle; }
.nav_top_search li { margin-left: 10px; }
.nav_top_search li a:hover { }
.navbar-nav>li>a { padding-right: 3px; padding-left: 3px; padding-top: 10px; padding-bottom: 10px; }
.nav_c { width: 100%; }
.nav_c>.dropdown>a { }
.navbar-form { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; }
.nav_fa li a .txt { font-size: 18px; color: #000000; font-weight: bold; letter-spacing: 3px; }
.nav_fa li a .txt_e { font-size: 15px; color: #000000; font-weight: bold; }
.nav_res { position: relative; }
.nav_bottom a { }
/*----------dropdown-menu----------*/

.nav_fa .dropdown-menu { margin-top: 6px !important; }
.multi-level:before { position: absolute; top: -17px; left: 40%; display: inline-block; border-right: 17px solid transparent; border-bottom: 17px solid #ccc; border-left: 17px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.multi-level:after { position: absolute; top: -16px; left: 40%; display: inline-block; border-right: 16px solid transparent; border-bottom: 16px solid #ffffff; border-left: 16px solid transparent; content: ''; }
.multi-level li { padding-left: 10px; padding-right: 10px; }
.multi-level li { width: 210px; }

@media(max-width:1199px) {
.nav_fa .dropdown-menu { min-width: 130px; }
.multi-level li { width: 170px; }
}

@media(max-width:991px) {

.multi-level li { width: 150px; }
.multi-level { margin-left: -10px; }
}
.multi-level li a { padding-top: 10px; padding-bottom: 10px; text-align: center; white-space: normal; }
.multi-level li:nth-child(n+2)>a { border-top: 1px dashed #039CA2; }
.dropdown-menu { padding-right: 0; padding-left: 0; padding-top: 0px; padding-bottom: 0px; border-radius: 0px; }
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.dropdown-submenu>.focas-mid { padding: 10px 22px; }
/* title */
.navbar-test .navbar-brand { color: #777; }
.navbar-test .navbar-brand:hover, .navbar-test .navbar-brand:focus { color: #5E5E5E; }
/* link */
.navbar-test .navbar-nav > li > a { color: #777; background-color: #FFFFFF; }
.navbar-test .navbar-nav > li > a:hover, .navbar-test .navbar-nav > li > a:focus { color: #333; }
.navbar-test .navbar-nav > .active > a, .navbar-test .navbar-nav > .active > a:hover, .navbar-test .navbar-nav > .active > a:focus { color: #555; background-color: #E7E7E7; }
.navbar-test .navbar-nav > .open > a, .navbar-test .navbar-nav > .open > a:hover, .navbar-test .navbar-nav > .open > a:focus { color: #555; background-color: #D5D5D5; }
/* caret */
.navbar-test .navbar-nav > .dropdown > a .caret { border-top-color: #777; border-bottom-color: #777; }
.navbar-test .navbar-nav > .dropdown > a:hover .caret, .navbar-test .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; }
.navbar-test .navbar-nav > .open > a .caret, .navbar-test .navbar-nav > .open > a:hover .caret, .navbar-test .navbar-nav > .open > a:focus .caret { border-top-color: #555; border-bottom-color: #555; }
/* mobile version */
.navbar-test .navbar-toggle { border-color: #DDD; }
.navbar-test .navbar-toggle:hover, .navbar-test .navbar-toggle:focus { background-color: #DDD; }
.navbar-test .navbar-toggle .icon-bar { background-color: #CCC; }

@media (max-width: 767px) {
.navbar-test .navbar-nav .open .dropdown-menu > li > a { color: #777; }
.navbar-test .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-test .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; }
}
/*------------------------*/
.nav_fa .fa { }
.top-nav { padding: 0 15px; }
.top-nav>li { display: inline-block; float: left; }
.top-nav>li>a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #999; }
.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus { color: #fff; background-color: #000; }
.top-nav>.open>.dropdown-menu { float: left; position: absolute; margin-top: 0; border: 1px solid rgba(0,0,0,.15); border-top-left-radius: 0; border-top-right-radius: 0; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.top-nav>.open>.dropdown-menu>li>a { white-space: normal; }
ul.message-dropdown { padding: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto; }
li.message-preview { width: 275px; border-bottom: 1px solid rgba(0,0,0,.15); }
li.message-preview>a { padding-top: 15px; padding-bottom: 15px; }
li.message-footer { margin: 5px 0; }
ul.alert-dropdown { width: 200px; }
/*----------mobile left Navigation----------*/

.left_col img { margin-top: 20px; }
.side-nav { position: fixed; top: 0px; left: -80%; width: 80%; border: none; border-radius: 0; overflow-y: auto; background-color: #039CA2; bottom: 0; overflow-x: hidden; padding-bottom: 40px; z-index: 30; }

@media(max-width:768px) {
.side-nav { /*left: 0px;*/ width: 80%; }
}
.side-nav .nav_logo { margin-left: auto; display: inline-block; margin-right: auto; }
.side-nav .close_btn { float: right; margin-top: 15px; margin-right: 15px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: #FFFFFF; }
.side-nav hr { margin-left: 15px; margin-right: 15px; border-color: #69c4c7; }
.side-nav li a { /* [disabled]width: 225px;
*/ color: #FFFFFF; /* [disabled]border-bottom: 1px solid #03B8BF;
*/ }
.side-nav>li .si_o:before { font-size: 23px; vertical-align: middle; margin-right: 5px; }
.side-nav li a:hover, .side-nav li a:focus { outline: none; background-color: #FFFFFF !important; color: #039CA2; }
.side-nav li a:hover .si_o { color: #039CA2; }
.side-nav>li ul { padding: 0; }
.side-nav>li ul ul { }
.side-nav>li>ul>li a { display: block; padding: 10px 15px 10px 38px; text-decoration: none; color: #FFFFFF; }
.side-nav>li>ul>li a:hover { color: #039CA2; }
.side-nav>li>ul>li>ul>li a { padding-left: 4em; }
/* Flot Chart Containers */

.flot-chart { display: block; height: 400px; }
.flot-chart-content { width: 100%; height: 100%; }
/*----------marquee----------*/
.plan_marquee { background-color: rgba(3,156,162,0.80); color: #FFFFFF; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
/*----------banner----------*/
.banner { height: 749px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center center scroll; background-image: url(../images/ibg01.jpg); background-attachment: scroll; }

@media(max-width:768px) {
.banner { height: auto; padding-right: 0; padding-left: 0; padding-bottom: 50px; padding-top: 170px; }
}
/*----------carousel----------*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; margin: auto; }
.carousel-control.left, .carousel-control.right { background-color: transparent; background-image: none; z-index: 25; }
.carousel-control { width: 20px; }
.carousel-control .glyphicon { }
.carousel-control .glyphicon::before { background-color: #000000; padding-top: 3px; padding-bottom: 5px; }

/*----------container----------*/
@media (min-width: 768px) {
.quick_search { position: absolute; top: 350px; width: 100%; margin-top: 10px; }
}
.quick_search { top: 350px; width: 100%; z-index: 20; }
.tab_search { background: -moz-linear-gradient(top, rgba(3,156,162,0.6) 0%, rgba(32,42,68,0.9) 100%); background: -webkit-linear-gradient(top, rgba(3,156,162,0.6) 0%, rgba(32,42,68,0.9) 100%); background: linear-gradient(to bottom, rgba(3,156,162,0.6) 0%, rgba(32,42,68,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99039ca2', endColorstr='#e6202a44', GradientType=0 );
}
.tab_col { margin-top: 20px; margin-bottom: 15px; color: #FFFFFF; }
.quick_search .tit { background-color: #202A44; color: #FFFFFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: relative; }
.quick_search .tit a { color: #FFFFFF; }
.quick_search .tit:after { border-color: transparent transparent transparent #202A44; border-style: solid solid solid solid; border-left-width: 22px; border-bottom-width: 15px; border-top-width: 14px; content: ''; position: absolute; top: 0px; right: -25px; }
.quick_search_input { margin-bottom: 20px; }
.input { height: 46px; padding: 10px 16px; font-size: 17px; line-height: 1.3333333; border-radius: 6px; color: #000000; }
.btn-search { background: rgb(3,156,162); background: -moz-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: -webkit-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: linear-gradient(to bottom, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039ca2', endColorstr='#202a44', GradientType=0 );
}
.btn-search：hover { background-color: #FF0004; }
/*----------life----------*/
.row_life { margin-top: 20px; }
.row_life >div { margin-bottom: 20px; }
.row_life .life_col { box-shadow: transparent !important; width: 100%; }
.row_life .life_col { display: inline-block; }
.row_life .life_col a:hover img { filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.row_life .life_col a { text-decoration: none; }
.row_life .life_col a:hover { text-decoration: none; color: #FFFFFF; }

@media (min-width: 768px) {
.row_life .life_col { border: 5px solid #f5f5f5; }
}
.life_txt { color: #000000; font-size: 1.7em; }
.life-badge { z-index: 100; width: 140px; height: 140px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 110px; line-height: 170px; color: #202a44; margin-left: auto; margin-right: auto; }
.life-badge i:before { background-color: #FFFFFF; border-radius: 50% 50% 50% 50%; }

@media (max-width: 768px) {
.row_life .life_col:hover .life_txt { color: #FFFFFF; }
.life_col:hover i:before, .life_col:hover .life-badge { font-size: 130px; color: #039ca2; }
.life-badge { }
}
/*news*/
.index_news { width: 100%; }
.index_news td { vertical-align: top; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 8px; }
.news_i { color: #FF0004; width: 140px; display: inline-block; }
.news_n { width: 140px; display: inline-block; }
/*----------Custom Colored Panels----------*/
.huge { font-size: 40px; }
.panel-news { border-color: #f5f5f5; border-width: 5px; }
.panel-news > .panel-heading { /* [disabled]border-color: #c7c1b5;
*/ color: #000000; background-color: #c7c1b5; padding-top: 20px; padding-bottom: 20px; }
.panel-news > a { color: #5cb85c; }
.panel-news > a:hover { color: #3d8b3d; }
.panel-news .list-group-item { border-style: none; }
.panel-news .text-right a { color: #000000; }
/*----------footer----------*/
.footer { height: auto; position: relative; width: 100%; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #DDDDDD; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; }
.footer p { margin: 0; }
.footer img { max-width: 100%; }
.footer h3 { color: #000000; font-size: 17px; font-weight: 600; line-height: 27px; padding-top: 10px; padding-right: 0; padding-left: 0; text-transform: uppercase; }
.footer h3 a { color: #000000; text-decoration: none; }
.footer h3 a:hover { color: #FFFFFF; text-decoration: none; }
.footer ul { font-size: 13px; list-style-type: none; margin-left: 0; padding-left: 0; margin-top: 15px; color: #7F8C8D; }
.footer .map_co ul li { border-bottom: 1px solid #BAC1C8; }
.footer .map_co i { /* [disabled]background-color: #000000;
*/ /* [disabled]width: 1.6em;
*/ /* [disabled]height: 1.6em;
*/ margin-right: 10px; color: #000000; font-size: 25px; }
.footer ul li a { padding-top: 5px; padding-right: 0; padding-left: 10px; padding-bottom: 5px; display: block; color: #000000; font-size: 11px; text-decoration: none; }
.footer ul li a:hover { color: #FFFFFF; text-decoration: none; }
.footer a { color: #78828D }
.footer .map_co { padding-left: 40px; padding-right: 40px; }
.footer .map_co .text-primary { color: #000000; }
.content_col { margin-bottom: 10px; margin-top: 10px; }
.contact { float: left; font-size: 13px; margin-left: 20px; }
.supportLi h4 { font-size: 20px; font-weight: lighter; line-height: normal; margin-bottom: 0 !important; padding-bottom: 0; }
.newsletter-box input#appendedInputButton { background: #FFFFFF; display: inline-block; float: left; height: 30px; clear: both; width: 100%; }
.newsletter-box .btn { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; height: 40px; padding: 0; width: 100%; color: #fff; }
.newsletter-box { overflow: hidden; }
.bg-gray { background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%); box-shadow: 0 1px 0 #B4B3B3; }
.social { margin-right: 20px; }
.social li { float: left; margin-top: 0; margin-left: 15px; margin-bottom: 0; }
.social i:before { font-size: 40px; }
.social a:hover i:before { color: #FFFFFF; }
.footer-bottom { background-color: #e2dfd9; border-top: 1px solid #DDDDDD; padding-top: 10px; padding-bottom: 10px; }

@media (max-width: 991px) {
.footer-bottom { background-color: #343233; border-top: 1px solid #DDDDDD; padding-top: 10px; padding-bottom: 10px; color: #9b9b9b; }
}
.footer-bottom p.pull-left, .footer-bottom p.pull-right { padding-top: 6px; }
.payments { font-size: 1.5em; }
.footer .payments li { margin-left: 5px; margin-right: 5px; }
.footer .payments li a:hover { background-color: transparent; }
/*----------warning----------*/
.warning { position: fixed; right: 0px; top: 20%; z-index: 90; width: 100%; }
.warning_com { display: block; overflow: hidden; position: relative; }
.warning_bg { background: #039ca2; background: -moz-linear-gradient(top, #039ca2 0%, #202a44 100%); background: -webkit-linear-gradient(top, #039ca2 0%, #202a44 100%); background: linear-gradient(to bottom, #039ca2 0%, #202a44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039ca2', endColorstr='#202a44', GradientType=0 );
border: 5px solid hsla(0,0%,100%,1.00); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; -webkit-box-shadow: 0px 0px 10px 5px hsla(0,0%,0%,0.51); box-shadow: 0px 0px 10px 5px hsla(0,0%,0%,0.51); }
.warning_close { position: absolute; top: -20px; right: -20px; cursor: pointer; z-index: 91; }
.warning_close .fa-circle { color: #000000; }
.warning_title { color: #EC652C; font-size: 30px; margin-top: 10px; margin-bottom: 10px; }
.warning_left { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.warning_right { background-color: #FFFFFF; padding-bottom: 1000px; margin-bottom: -1000px; line-height: 24px; }
.warning_btn { display: flex; align-items: center; }
.warning_btn a { background: rgb(3,156,162); background: -moz-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: -webkit-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: linear-gradient(to bottom, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039ca2', endColorstr='#202a44', GradientType=0 );
color: hsla(0,0%,100%,1.00); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: block; margin-bottom: 10px; }
.warning_btn a:hover { text-decoration: none; }
/*----------404----------*/
.error { position: fixed; right: 0px; top: 20%; z-index: 90; width: 100%; }
.error_com { overflow: hidden; position: relative; width: 100%; }
.error_bg { background: #039ca2; background: -moz-linear-gradient(top, #039ca2 0%, #202a44 100%); background: -webkit-linear-gradient(top, #039ca2 0%, #202a44 100%); background: linear-gradient(to bottom, #039ca2 0%, #202a44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039ca2', endColorstr='#202a44', GradientType=0 );
border: 5px solid hsla(0,0%,100%,1.00); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; -webkit-box-shadow: 0px 0px 10px 5px hsla(0,0%,0%,0.51); box-shadow: 0px 0px 10px 5px hsla(0,0%,0%,0.51); }
.error_close { position: absolute; top: -20px; right: -20px; cursor: pointer; z-index: 91; }
.error_close .fa-circle { color: #000000; }
.error_title { color: #EC652C; font-size: 30px; margin-top: 10px; margin-bottom: 10px; }
.error_left { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.error_right { background-color: #FFFFFF; padding-bottom: 1000px; margin-bottom: -1000px; line-height: 24px; }
.error_btn { display: flex; align-items: center; }
.error_btn a { background: rgb(3,156,162); background: -moz-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: -webkit-linear-gradient(top, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); background: linear-gradient(to bottom, rgba(3,156,162,1) 0%, rgba(32,42,68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039ca2', endColorstr='#202a44', GradientType=0 );
color: hsla(0,0%,100%,1.00); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: block; margin-bottom: 10px; }
.error_btn a:hover { text-decoration: none; }
/*----------cd_top----------*/
.cd-top { display: inline-block; position: fixed; bottom: 30px; right: 30px; /* image replacement properties */ overflow: hidden; white-space: nowrap; z-index: 99; font-size: 50px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: hsla(0,0%,0%,0.55); }
.cd-top:focus { color: hsla(0,0%,0%,0.55); }
.cd-top:hover { color: #000000; }