@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Playfair+Display");
.icons-sprite, .icons-burger, .icons-down_icon, .icons-down_icon_up, .icons-f10_1_1_icon1, .icons-f10_1_1_icon2, .icons-f10_1_1_icon3, .icons-f1_1_icon1, .icons-f1_1_icon2, .icons-f1_1_icon3, .icons-f1_1_icon4, .icons-f1_1_icon5, .icons-f2_9_1_icon1, .icons-f2_9_1_icon2, .icons-f2_9_1_icon3, .icons-f2_9_1_icon4, .icons-f2_9_1_icon5, .icons-f2_9_2_icon1, .icons-f2_9_2_icon2, .icons-f2_9_2_icon3, .icons-f2_9_2_icon4, .icons-f2_9_2_icon5, .icons-f2_pdf, .icons-f3_1_2_icon1, .icons-f3_1_4_, .icons-f3_1_4_icon2, .icons-f3_1_4_icon3, .icons-f4_1_icon2, .icons-f4_4_icon1, .icons-f4_4_icon2, .icons-f4_4_icon3, .icons-f4_4_icon4, .icons-f4_4_icon5, .icons-f4_4_icon6, .icons-f4_4_icon7, .icons-f4_icon1, .icons-f4_icon1_2, .icons-f4_icon2, .icons-f4_icon2_2, .icons-f4_icon3, .icons-f4_icon3_2, .icons-f4_icon4, .icons-f4_icon4_2, .icons-f6_1_1_icon1, .icons-f6_1_1_icon2, .icons-f6_1_1_icon3, .icons-f6_1_1_icon4, .icons-f6_1_2_icon1, .icons-f6_2_2_icon1, .icons-f6_2_2_icon2, .icons-f6_2_2_icon3, .icons-f6_2_2_icon4, .icons-f6_5icon, .icons-f6_5icon_m, .icons-f6_6_icon1, .icons-f6_6_icon2, .icons-f6_6_icon3, .icons-f6_6_icon4, .icons-f6_6_icon5, .icons-f6_7_1_icon1, .icons-f6_7_1_icon2, .icons-f6_7_1_icon3, .icons-f6_7_1_icon4, .icons-f6_7_1_icon5, .icons-f6_7_1_icon5_m, .icons-f6_7_2_img1, .icons-f6_7_2_img1_h, .icons-f6_7_2_img2, .icons-f6_7_2_img2_h, .icons-f6_7_2_pdf, .icons-f9_icon, .icons-f_1_icon1, .icons-fav, .icons-fb, .icons-home, .icons-icon-close, .icons-icon-search-close, .icons-icon_4_0, .icons-index_more, .icons-index_more_b, .icons-index_new, .icons-index_right, .icons-indexarea1, .icons-indexicon1, .icons-indexicon2, .icons-indexicon3, .icons-indexicon4, .icons-left, .icons-line, .icons-news-list-icon, .icons-next, .icons-next2, .icons-open, .icons-pdf_down, .icons-prev, .icons-qamag-icon, .icons-qamag-icon_g, .icons-tool_1, .icons-tool_2, .icons-tool_3, .icons-tool_4, .icons-tool_5, .icons-tool_6, .icons-utube { background-image: url('../images/icons-s90a55cd03d.png'); background-repeat: no-repeat; }

.icons-burger { background-position: 0 0; height: 90px; width: 90px; }

.icons-down_icon { background-position: 0 -110px; height: 51px; width: 51px; }

.icons-down_icon_up { background-position: 0 -181px; height: 51px; width: 51px; }

.icons-f10_1_1_icon1 { background-position: 0 -252px; height: b33px; width: 42px; }

.icons-f10_1_1_icon2 { background-position: 0 -305px; height: 18px; width: 36px; }

.icons-f10_1_1_icon3 { background-position: 0 -343px; height: 18px; width: 36px; }

.icons-f1_1_icon1 { background-position: 0 -381px; height: 360px; width: 360px; }

.icons-f1_1_icon2 { background-position: 0 -761px; height: 360px; width: 360px; }

.icons-f1_1_icon3 { background-position: 0 -1141px; height: 360px; width: 360px; }

.icons-f1_1_icon4 { background-position: 0 -1521px; height: 360px; width: 360px; }

.icons-f1_1_icon5 { background-position: 0 -1901px; height: 360px; width: 360px; }

.icons-f2_9_1_icon1 { background-position: 0 -2281px; height: 378px; width: 396px; }

.icons-f2_9_1_icon2 { background-position: 0 -2679px; height: 378px; width: 396px; }

.icons-f2_9_1_icon3 { background-position: 0 -3077px; height: 378px; width: 396px; }

.icons-f2_9_1_icon4 { background-position: 0 -3475px; height: 378px; width: 396px; }

.icons-f2_9_1_icon5 { background-position: 0 -3873px; height: 378px; width: 396px; }

.icons-f2_9_2_icon1 { background-position: 0 -4271px; height: 378px; width: 396px; }

.icons-f2_9_2_icon2 { background-position: 0 -4669px; height: 378px; width: 396px; }

.icons-f2_9_2_icon3 { background-position: 0 -5067px; height: 378px; width: 396px; }

.icons-f2_9_2_icon4 { background-position: 0 -5465px; height: 13px; width: 13px; }

.icons-f2_9_2_icon5 { background-position: 0 -5498px; height: 18px; width: 18px; }

.icons-f2_pdf { background-position: 0 -5536px; height: 222px; width: 210px; }

.icons-f3_1_2_icon1 { background-position: 0 -5778px; height: 315px; width: 300px; }

.icons-f3_1_4_ { background-position: 0 -6113px; height: 180px; width: 180px; }

.icons-f3_1_4_icon2 { background-position: 0 -6313px; height: 180px; width: 180px; }

.icons-f3_1_4_icon3 { background-position: 0 -6513px; height: 180px; width: 180px; }

.icons-f4_1_icon2 { background-position: 0 -6713px; height: 57px; width: 69px; }

.icons-f4_4_icon1 { background-position: 0 -6790px; height: 177px; width: 210px; }

.icons-f4_4_icon2 { background-position: 0 -6987px; height: 195px; width: 192px; }

.icons-f4_4_icon3 { background-position: 0 -7202px; height: 207px; width: 207px; }

.icons-f4_4_icon4 { background-position: 0 -7429px; height: 360px; width: 360px; }

.icons-f4_4_icon5 { background-position: 0 -7809px; height: 360px; width: 360px; }

.icons-f4_4_icon6 { background-position: 0 -8189px; height: 360px; width: 360px; }

.icons-f4_4_icon7 { background-position: 0 -8569px; height: 360px; width: 360px; }

.icons-f4_icon1 { background-position: 0 -8949px; height: 114px; width: 108px; }

.icons-f4_icon1_2 { background-position: 0 -9083px; height: 114px; width: 108px; }

.icons-f4_icon2 { background-position: 0 -9217px; height: 120px; width: 108px; }

.icons-f4_icon2_2 { background-position: 0 -9357px; height: 120px; width: 108px; }

.icons-f4_icon3 { background-position: 0 -9497px; height: 120px; width: 120px; }

.icons-f4_icon3_2 { background-position: 0 -9637px; height: 120px; width: 120px; }

.icons-f4_icon4 { background-position: 0 -9777px; height: 114px; width: 87px; }

.icons-f4_icon4_2 { background-position: 0 -9911px; height: 114px; width: 87px; }

.icons-f6_1_1_icon1 { background-position: 0 -10045px; height: 177px; width: 177px; }

.icons-f6_1_1_icon2 { background-position: 0 -10242px; height: 222px; width: 186px; }

.icons-f6_1_1_icon3 { background-position: 0 -10484px; height: 183px; width: 216px; }

.icons-f6_1_1_icon4 { background-position: 0 -10687px; height: 177px; width: 201px; }

.icons-f6_1_2_icon1 { background-position: 0 -10884px; height: 63px; width: 63px; }

.icons-f6_2_2_icon1 { background-position: 0 -10967px; height: 108px; width: 96px; }

.icons-f6_2_2_icon2 { background-position: 0 -11095px; height: 87px; width: 108px; }

.icons-f6_2_2_icon3 { background-position: 0 -11202px; height: 87px; width: 87px; }

.icons-f6_2_2_icon4 { background-position: 0 -11309px; height: 114px; width: 120px; }

.icons-f6_5icon { background-position: 0 -11443px; height: 93px; width: 296px; }

.icons-f6_5icon_m { background-position: 0 -11556px; height: 200px; width: 91px; }

.icons-f6_6_icon1 { background-position: 0 -11776px; height: 87px; width: 108px; }

.icons-f6_6_icon2 { background-position: 0 -11883px; height: 87px; width: 102px; }

.icons-f6_6_icon3 { background-position: 0 -11990px; height: 102px; width: 117px; }

.icons-f6_6_icon4 { background-position: 0 -12112px; height: 105px; width: 132px; }

.icons-f6_6_icon5 { background-position: 0 -12237px; height: 99px; width: 102px; }

.icons-f6_7_1_icon1 { background-position: 0 -12356px; height: 360px; width: 360px; }

.icons-f6_7_1_icon2 { background-position: 0 -12736px; height: 360px; width: 360px; }

.icons-f6_7_1_icon3 { background-position: 0 -13116px; height: 360px; width: 360px; }

.icons-f6_7_1_icon4 { background-position: 0 -13496px; height: 360px; width: 360px; }

.icons-f6_7_1_icon5 { background-position: 0 -13876px; height: 88px; width: 220px; }

.icons-f6_7_1_icon5_m { background-position: 0 -13984px; height: 128px; width: 51px; }

.icons-f6_7_2_img1 { background-position: 0 -14132px; height: 105px; width: 327px; }

.icons-f6_7_2_img1_h { background-position: 0 -14257px; height: 105px; width: 327px; }

.icons-f6_7_2_img2 { background-position: 0 -14382px; height: 105px; width: 327px; }

.icons-f6_7_2_img2_h { background-position: 0 -14507px; height: 105px; width: 327px; }

.icons-f6_7_2_pdf { background-position: 0 -14632px; height: 108px; width: 108px; }

.icons-f9_icon { background-position: 0 -14760px; height: 150px; width: 150px; }

.icons-f_1_icon1 { background-position: 0 -14930px; height: 39px; width: 38px; }

.icons-fav { background-position: 0 -14989px; height: 64px; width: 64px; }

.icons-fb { background-position: 0 -15073px; height: 25px; width: 25px; }

.icons-home { background-position: 0 -15118px; height: 16px; width: 18px; }

.icons-icon-close { background-position: 0 -15154px; height: 50px; width: 20px; }

.icons-icon-search-close { background-position: 0 -15224px; height: 90px; width: 90px; }

.icons-icon_4_0 { background-position: 0 -15334px; height: 60px; width: 60px; }

.icons-index_more { background-position: 0 -15414px; height: 66px; width: 66px; }

.icons-index_more_b { background-position: 0 -15500px; height: 66px; width: 66px; }

.icons-index_new { background-position: 0 -15586px; height: 48px; width: 135px; }

.icons-index_right { background-position: 0 -15654px; height: 10px; width: 6px; }

.icons-indexarea1 { background-position: 0 -15684px; height: 109px; width: 105px; }

.icons-indexicon1 { background-position: 0 -15813px; height: 207px; width: 207px; }

.icons-indexicon2 { background-position: 0 -16040px; height: 207px; width: 207px; }

.icons-indexicon3 { background-position: 0 -16267px; height: 207px; width: 207px; }

.icons-indexicon4 { background-position: 0 -16494px; height: 207px; width: 207px; }

.icons-left { background-position: 0 -16721px; height: 14px; width: 8px; }

.icons-line { background-position: 0 -16755px; height: 25px; width: 25px; }

.icons-news-list-icon { background-position: 0 -16800px; height: 11px; width: 6px; }

.icons-next { background-position: 0 -16831px; height: 14px; width: 10px; }

.icons-next2 { background-position: 0 -16865px; height: 36px; width: 36px; }

.icons-open { background-position: 0 -16921px; height: 28px; width: 26px; }

.icons-pdf_down { background-position: 0 -16969px; height: 221px; width: 221px; }

.icons-prev { background-position: 0 -17210px; height: 14px; width: 10px; }

.icons-qamag-icon { background-position: 0 -17244px; height: 42px; width: 67px; }

.icons-qamag-icon_g { background-position: 0 -17306px; height: 42px; width: 44px; }

.icons-tool_1 { background-position: 0 -17368px; height: 84px; width: 96px; }

.icons-tool_2 { background-position: 0 -17472px; height: 102px; width: 84px; }

.icons-tool_3 { background-position: 0 -17594px; height: 93px; width: 108px; }

.icons-tool_4 { background-position: 0 -17707px; height: 81px; width: 102px; }

.icons-tool_5 { background-position: 0 -17808px; height: 33px; width: 28px; }

.icons-tool_6 { background-position: 0 -17861px; height: 180px; width: 180px; }

.icons-utube { background-position: 0 -18061px; height: 25px; width: 25px; }

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; }

@font-face { font-family: 'FuBon-Font'; src: url("fonts/FuBon-Font.eot?2015100502&1447231922"); src: url("fonts/FuBon-Font.eot?&1447231922#iefix2015100502") format("embedded-opentype"), url("fonts/FuBon-Font.woff?2015100502&1447231922") format("woff"), url("fonts/FuBon-Font.ttf?2015100502&1447231922") format("truetype"), url("fonts/FuBon-Font.svg?2015100502&1447231922#skmFount") format("svg"); font-weight: normal; font-style: normal; }
/* Variables */
/*頁碼*/
.icons-prev, .icons-next { display: inline-block; margin-top: 6px; }

.pagination { width: 100%; text-align: center; margin-bottom: 15px; }
.pagination ul { display: inline-block; }
.pagination ul li { margin: 24px 6px; font-size: 14px; float: left; color: #FFF; width: 25px; height: 25px; line-height: 25px; background: #ABABAB; border-radius: 40px; }
.pagination ul li:first-child { background: none; }
.pagination ul li:last-child { background: none; }
.pagination ul .current { background: #309FE8; }

.lineHeight100 { line-height: 100%; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb13 { margin-bottom: 13px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb18 { margin-bottom: 18px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb140 { margin-bottom: 140px !important; }

.mt5 { margin-top: 5px !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt35 { margin-top: 35px !important; }

.mt70 { margin-top: 70px !important; }

.mt100 { margin-top: 100px !important; }

.mt20 { margin-top: 20px !important; }

.mt24 { margin-top: 24px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt47 { margin-top: 47px !important; }

.ml20 { margin-left: 20px !important; }

.ml40 { margin-left: 40px !important; }

.ml10 { margin-left: 10px !important; }

.ml30 { margin-left: 30px !important; }

.mr4 { margin-right: 4px; }

.mr10 { margin-right: 10px !important; }

.mr13 { margin-right: 13px; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr45 { margin-right: 45px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb80 { margin-bottom: 80px !important; }

@media (max-width: 768px) { .mo-mt0 { margin-top: 0px !important; } }

@media (max-width: 768px) { .mo-mr0 { margin-right: 0px !important; } }

@media (max-width: 768px) { .mo-m18-8 { margin: 18px 8px 18px 8px !important; } }

@media (max-width: 768px) { .mo-mt8 { margin-top: 8px !important; } }

@media (max-width: 768px) { .mo-m10 { margin: 10px !important; } }

@media (max-width: 768px) { .mo-mt10 { margin-top: 10px !important; } }

@media (max-width: 768px) { .mo-mt20 { margin-top: 20px !important; } }

@media (max-width: 768px) { .mo-mb0 { margin-bottom: 0px !important; } }

@media (max-width: 768px) { .mo-mb10 { margin-bottom: 10px !important; } }

@media (max-width: 768px) { .mo-mb13 { margin-bottom: 13px !important; } }

@media (max-width: 768px) { .mo-mb15 { margin-bottom: 15px !important; } }

@media (max-width: 768px) { .mo-mb20 { margin-bottom: 20px !important; } }

@media (max-width: 768px) { .mo-mb30 { margin-bottom: 30px !important; } }

@media (max-width: 768px) { .mo-ml10 { margin-left: 10px !important; } }

.pad0 { padding: 0px  !important; }

.pad5 { padding: 5px  !important; }

.padt5 { padding-top: 5px  !important; }

.padb5 { padding-bottom: 5px  !important; }

.padb7 { padding-bottom: 7px  !important; }

.pad10 { padding: 10px  !important; }

.pad12 { padding: 12px  !important; }

.pad20 { padding: 20px  !important; }

.padb35 { padding-bottom: 35px  !important; }

.padb40 { padding-bottom: 40px  !important; }

.padtb20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.padt20 { padding-top: 20px !important; }

.padb20 { padding-bottom: 20px !important; }

.padl10 { padding-left: 10px !important; }

.p18-8 { padding: 18px 8px 18px 18px !important; }

.padl20 { padding-left: 20px !important; }

.padl30 { padding-left: 30px !important; }

.padl50 { padding-left: 50px !important; }

.padr20 { padding-right: 20px !important; }

.pad26 { padding: 26px  !important; }

.padt30 { padding-top: 30px !important; }

.padb30 { padding-bottom: 30px !important; }

.padt35 { padding-top: 35px !important; }

.padb36 { padding-bottom: 36px !important; }

.pad35 { padding: 35px  !important; }

.pad34-20 { padding: 34px 20px   !important; }

.padt40 { padding-top: 40px !important; }

.padb40 { padding-bottom: 40px !important; }

.pad50 { padding: 50px  !important; }

.padl50 { padding-left: 50px  !important; }

.padtb50 { padding-top: 50px !important; padding-bottom: 50px !important; }

.padt50 { padding-top: 50px !important; }

.padb50 { padding-bottom: 50px !important; }

@media (max-width: 768px) { .mo-pad0 { padding: 0 !important; } }

@media (max-width: 768px) { .mo-pad8 { padding: 8px !important; } }

@media (max-width: 768px) { .mo-padt8 { padding-top: 8px !important; } }

@media (max-width: 768px) { .mo-padt10 { padding-top: 10px !important; } }

@media (max-width: 768px) { .mo-padb10 { padding-bottom: 10px !important; } }

@media (max-width: 768px) { .mo-padl10 { padding-left: 10px !important; } }

@media (max-width: 768px) { .mo-pad10 { padding: 10px !important; } }

@media (max-width: 768px) { .mo-pad16 { padding: 16px !important; } }

@media (max-width: 768px) { .mo-padt16 { padding-top: 16px !important; } }

@media (max-width: 768px) { .mo-padt0 { padding-top: 0px !important; } }

@media (max-width: 768px) { .mo-padt20 { padding-top: 20px !important; } }

@media (max-width: 768px) { .mo-pad20 { padding: 20px !important; } }

@media (max-width: 768px) { .mo-padb16 { padding-bottom: 16px !important; } }

@media (max-width: 768px) { .mo-padt20 { padding-top: 20px !important; } }

@media (max-width: 768px) { .mo-padb20 { padding-bottom: 20px !important; } }

@media (max-width: 768px) { .mo-padt30 { padding-top: 30px !important; } }

@media (max-width: 768px) { .mo-padb30 { padding-bottom: 30px !important; } }

@media (max-width: 768px) { .mo-padb70 { padding-bottom: 70px !important; } }

/* font-size */
.f14 { font-size: 14px; line-height: 23px; }
.f14.line28 { line-height: 28px; }
.f14.line24 { line-height: 24px; }
.f14.line18 { line-height: 18px; }
.f14.bule { color: #0087D1; }
.f14.gray { color: #595959; }
.f14.gray-l { color: #919191; }
.f14.black { color: #000; font-weight: 800; }
.f14.right { text-align: right; }
.f14.red { color: #FF0000; }

.f15 { font-size: 15px; line-height: 1.4; }
.f15.bold { font-weight: 800; }
.f15.gray52 { color: #525252; }

.f16 { font-size: 16px; line-height: 1.4; }
.f16.black { color: #000; }
.f16.blue { color: #309FD8; }
.f16.bold { font-weight: 800; }

.f17 { font-size: 17px; line-height: 1.4; }

.f18 { font-size: 18px; line-height: 1.4; }
.f18.bold { font-weight: 800; }
.f18.blue { color: #309FD8; }

.f20 { font-size: 20px; line-height: 1.4; font-family: 微軟正黑體; }
.f20.bold { font-weight: 800; }
.f20.blue { color: #309FD8; }

.f22 { font-size: 22px; line-height: 1.4; font-family: 微軟正黑體; }

.f24 { font-size: 24px; line-height: 1.4; font-family: 微軟正黑體; }

.f25 { font-size: 24px; line-height: 1.4; font-family: 微軟正黑體; font-weight: bold; }
.f25.line28 { line-height: 28px; }

.f27 { font-size: 27px; line-height: 1.4; font-family: 微軟正黑體; }
.f27.line28 { line-height: 35px; }

.notes_t { margin-top: 25px; padding-top: 10px; font-size: 13px; color: #666666; border-top: 1px solid #ECECEC; word-break: break-all; }

/*color*/
/* table */
.bo_n { border: none  !important; }

/* background-color*/
.bgblue { background-color: #309FD8; }

.bgblue2 { background-color: #6BBBE3 !important; }

.txt666 { color: #666666; }
.txt666 .bor { border-bottom-color: #666666; border-bottom-width: 1px; border-style: solid; }

.txtblue { color: #0085D1; }
.txtblue .bor { border-bottom-color: #0085D1; border-bottom-width: 1px; border-style: solid; }
.txtblue.bold { font-weight: 800; }

.txtgrey { color: #0086D1; }
.txtgrey .bor { border-bottom-color: #0086D1; border-bottom-width: 1px; border-style: solid; }

.txtdarkgrey { color: #545454; }

.txtgrey { color: #595959; }

.txtgrey2 { color: #cccccc; }

.txtgrey777 { color: #777777; }

.txtgrey666 { color: #666; }

.txtblack { color: #000000; }

.txtwhite { color: #ffffff; }

.txtw { color: #fff; }

.table-txt-top { vertical-align: top; }

.w1 { width: 1%; }

.w2 { width: 2%; }

.w3 { width: 3%; }

.w3_5 { width: 3.5%; }

.w4 { width: 4%; }

.w5 { width: 5%; }

.w7 { width: 7%; }

.w8 { width: 8%; }

.w9 { width: 9%; }

.w10 { width: 10%; }

.w13 { width: 13%; }

.w14 { width: 14%; }

.w15 { width: 15%; }

.w16 { width: 16%; }

.w17 { width: 17%; }

.w20 { width: 20%; }

.w23 { width: 23% !important; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w33 { width: 33.3333%; }

.w35 { width: 35%; }

.w40 { width: 40%; }

.w41 { width: 41%; }

.w43 { width: 43%; }

.w45 { width: 45%; }

.w47 { width: 47%; }

.w50 { width: 50% !important; }

.w60 { width: 60%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w100 { width: 100% !important; }

@media (max-width: 768px) { .mo-w5 { width: 5%; } }

@media (max-width: 768px) { .mo-w8 { width: 8%; } }

@media (max-width: 768px) { .mo-w10 { width: 10%; } }

@media (max-width: 768px) { .mo-w15 { width: 15%; } }

@media (max-width: 768px) { .mo-w20 { width: 20%; } }

@media (max-width: 768px) { .mo-w30 { width: 30%; } }

@media (max-width: 768px) { .mo-w35 { width: 35%; } }

@media (max-width: 768px) { .mo-w40 { width: 40%; } }

@media (max-width: 768px) { .mo-w45 { width: 45%; } }

@media (max-width: 768px) { .mo-w50 { width: 50%; } }

@media (max-width: 768px) { .mo-w60 { width: 60%; } }

@media (max-width: 768px) { .mo-w70 { width: 70%; } }

@media (max-width: 768px) { .mo-w80 { width: 80%; } }

@media (max-width: 768px) { .mo-w90 { width: 90%; } }

@media (max-width: 768px) { .mo-w100 { width: 100% !important; } }

.tac { text-align: center !important; }

.tal { text-align: left; }

.tar { text-align: right; }

@media (max-width: 768px) { .mo-tac { text-align: center; } }

@media (max-width: 768px) { .mo-tal { text-align: left; } }

@media (max-width: 768px) { .mo-tar { text-align: right; } }

@media (max-width: 768px) { .mo-fln { float: none !important; } }

.col1 { display: inline-flex; width: 100%; }
.col1 > li { width: calc( 100% / 1 ); }

.col5 { display: inline-flex; width: 100%; }
.col5 > li { width: calc( 100% / 5 ); }

.col6 { display: inline-flex; width: 100%; }
.col6 > li { width: calc( 100% / 6 ); }

.col7 { display: inline-flex; width: 100%; }
.col7 > li { width: calc( 100% / 7 ); }

@media (max-width: 768px) { .mo-f14 { font-size: 14px; }
  .mo-f14 .line20 { line-height: 20px; }
  .mo-f14 .mo-bottom8 { margin-bottom: 8px; } }

.mo-show { display: none; }
@media (max-width: 768px) { .mo-show { display: block !important; } }

@media (max-width: 768px) { .mo-hide { display: none  !important; } }

@media (max-width: 768px) { .mo-block { display: block  !important; } }

/**/
.tabs1 { display: none; margin: 0 auto; margin-top: 20px; margin-bottom: 26px; }
.tabs1 ul { display: inline-block; width: 100%; }
.tabs1 ul li { cursor: pointer; display: block; float: left; width: auto /*calc((100% - 16px)/6)*/; color: #333333; background-color: #E8F4F9; font-size: 17px; line-height: 36px; border-radius: 5px; text-align: center; padding-top: 3px; margin-left:6px; margin-right:6px; padding-left:10px; padding-right:10px; }
.tabs1 ul li a { width: 100%; display: inline-block; }
.tabs1 ul li:last-child { margin-right: 0px; }
.tabs1 ul li.current { color: #FFFFFF; background-color: #FF5C26; font-size: 17px; }
@media (max-width: 768px) { .tabs1 ul li a { width: auto; } }
.tabs1 i.arrow { display: none; }
.tabs1.current { display: block; }

/**/
.qa_box_b .qa_box_s { margin-bottom: 10px; }
.qa_box_b .qa_box_s .qa_box_title { background-color: #fff; display: flex; position: relative; }
.qa_box_b .qa_box_s .qa_box_title > p { width: calc(100% - 50px); font-size: 18px; color: #333333; padding: 15px 29px 8px 54px; }
.qa_box_b .qa_box_s .qa_box_title > p > span { font-size: 25px; color: #00B2AC; font-style: italic; font-weight: 600; margin-right: 16px; position: absolute; left: 20px; top: 8px; }
.qa_box_b .qa_box_s .qa_box_title .qa_icon_box { width: 50px; background-color: #CCCCCC; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.qa_box_b .qa_box_s .qa_box_title .qa_icon_box i:after { content: "+"; font-size: 31px; color: #fff; }
.qa_box_b .qa_box_s .qa_box_txt { display: none; background-color: #fff; margin-top: 1px; padding: 18px 53px 36px; }
.qa_box_b .qa_box_s .qa_box_txt h3 { font-size: 26px; font-weight: bold; color: #0085D1; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 { border-top: 2px solid #444444; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div { border-bottom: 1px solid #AAAAAA; display: flex; padding-top: 8px; padding-bottom: 8px; padding-right: 12px; padding-left: 12px; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div:last-child { border-bottom: 0px solid #AAAAAA; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p { font-size: 16px; color: #444444; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p span { color: #ff6a00; }
.qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p:nth-child(1) { width: 213px; min-width: 213px; font-size: 16px; color: #858585; }
@media (max-width: 768px) { .qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div:last-child { border-bottom: 0px solid #AAAAAA; }
  .qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p { font-size: 16px; color: #444444; padding-left: 10px; width: calc(100% - 150px); word-wrap: break-word; word-break: break-all; }
  .qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p span { color: #ff6a00; }
  .qa_box_b .qa_box_s .qa_box_txt .box_txt_5 > div p:nth-child(1) { width: 150px; font-size: 16px; color: #858585; width: 150px; min-width: auto; padding-left: 0px; } }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year { width: 100%; height: auto; margin-right: 0 !important; padding: 16px; border-radius: 5px; background-color: #F9F9F9; display: flex; flex-wrap: wrap; text-align: center; margin-bottom: 10px; }
@media (max-width: 768px) { .qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year.year { padding: 14px; } }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_title { width: 100%; font-size: 15px; font-weight: bold; color: #0087D1; text-align: center; margin-bottom: 10px; }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box { display: flex; }
@media (max-width: 768px) { .qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box.year_box { margin-right: 0 !important; display: contents; } }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col { width: 144px; border-radius: 5px; background-color: #fff; margin-right: 15px; padding: 17px; }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col h5 { font-size: 18px; color: #19BAB3; }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col p { color: #858585; font-size: 15px; }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col p span { margin-left: 10px; color: #333333; }
@media (max-width: 768px) { .qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col.year_col { width: calc((100% - 10px)/2); height: auto; margin-right: 10px; margin-bottom: 10px; }
  .qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col.year_col:nth-child(2n) { width: calc((100% - 10px)/2); height: auto; margin-right: 0; margin-bottom: 10px; } }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box .year_col:nth-last-child(1) { margin-right: 0px; }
.qa_box_b .qa_box_s .qa_box_txt .qa_box_m .year .year_box:nth-last-child(1) { margin-right: 0px; }
.qa_box_b .qa_box_s.open .qa_box_txt { display: inline-block; width: 100%; background-color: #fff; margin-top: 1px; padding: 18px 53px 36px; }
.qa_box_b .qa_box_s.open .qa_icon_box i:after { content: "-"; font-size: 31px; color: #fff; }
@media (max-width: 768px) { .qa_box_b .qa_box_s.open .qa_box_txt { padding: 18px 20px 36px; } }
.qa_box_b .qa_box_s .table_notes { font-size: 14px; color: #888; line-height: 20px; margin-top: 16px; }

.qa_box_4 .qa_box_b .qa_box_s { margin-bottom: 10px; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title { background-color: #F9F9F9; display: flex; position: relative; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_txt_box { width: calc(100% - 50px); font-size: 18px; color: #00B4AC; font-weight: bold; display: flex; align-items: center; padding: 15px 29px 8px 54px; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_txt_box p { width: calc(100% - 90px); }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_txt_box .f3_1_4_icons { display: inline-block; background-image: url(../images/f3_1_4_.png); background-position: center; background-repeat: no-repeat; height: 60px; width: 60px; margin-bottom: 10px; margin-top: 4px; margin-right: 15px; background-size: cover; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_txt_box .f3_1_4_2icons { display: inline-block; background-image: url(../images/f3_1_4_icon2.png); background-position: center; background-repeat: no-repeat; height: 60px; width: 60px; margin-bottom: 10px; margin-top: 4px; margin-right: 15px; background-size: cover; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_txt_box .f3_1_4_3icons { display: inline-block; background-image: url(../images/f3_1_4_icon3.png); background-position: center; background-repeat: no-repeat; height: 60px; width: 60px; margin-bottom: 10px; margin-top: 4px; margin-right: 15px; background-size: cover; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_icon_box { width: 50px; background-color: #CCCCCC; display: flex; align-items: center; justify-content: center; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_title .qa_icon_box i:after { content: "+"; font-size: 31px; color: #fff; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_txt { display: none; background-color: #fff; margin-top: 1px; padding: 18px 53px 36px; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_txt .img_box { margin-top: 14px; width: 100%; }
.qa_box_4 .qa_box_b .qa_box_s .qa_box_txt .img_box img { width: 100%; }
.qa_box_4 .qa_box_b .qa_box_s.open .qa_box_txt { display: inline-block; width: 100%; background-color: #f9f9f9; margin-top: 1px; padding: 18px 53px 36px; }
.qa_box_4 .qa_box_b .qa_box_s.open .qa_icon_box i:after { content: "-"; font-size: 31px; color: #fff; }

/**/
.table-response { width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden; position: relative; }

.table1 { box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1), 0 0px 5px 0 rgba(0, 0, 0, 0.1); }
.table1 td { font-size: 15px; text-align: center; padding: 10px 15px; }
.table1 td:first-child { text-align: left; }
.table1 tr td { color: #333333; }
.table1 tr td.bad { color: #ff6a00; }
.table1 tr:nth-child(odd) { background-color: #EEF8FB; }
.table1 .title td { background-color: #309FD8; color: #fff; }
.table1.blue_t td { font-size: 15px; text-align: center; padding: 20px 15px; }
.table1.blue_t td:first-child { text-align: left; }
.table1.blue_t td.p15 { padding: 12px; }
.table1.blue_t tr td { color: #1F587E; }
.table1.blue_t tr td span { color: #929292; }
.table1.blue_t tr:nth-child(odd) { background-color: #F3F8FD; }
.table1.blue_t .title td { background-color: #C9ECF8; color: #555555; padding-top: 18px; padding-bottom: 18px; }
.table1.fix1 > tbody > tr > td:first-child { width: 75px; }
.table1.fix2 > tbody > tr > td:first-child { width: auto; }
.table1.fix2 > tbody > tr > td:nth-child(2) { width: 100px; }
.table1.fix2 > tbody > tr > td:nth-child(3) { width: 200px; }
.table1.fix2 > tbody > tr > td:nth-child(4) { width: 200px; }
.table1.fix3 > tbody > tr > td:first-child { width: 130px; }
.table1.fix3 > tbody > tr > td:nth-child(2) { width: 130px; }
.table1.fix3 > tbody > tr > td:nth-child(3) { width: 130px; }
.table1.fix3 > tbody > tr > td:nth-child(4) { width: 130px; }
.table1.even_w tr:nth-child(even) { background-color: #ffffff; }
.table1.even_w tr td { padding: 10px 10px; }

.table2 { border-bottom: 5px solid #309FD8; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1), 0 0px 5px 0 rgba(0, 0, 0, 0.1); }
.table2 td { font-size: 16px; text-align: center; padding: 20px 15px; }
.table2 td:first-child { text-align: left; }
.table2 tr { background-color: #F0F9FB; }
.table2 tr td { color: #525252; border-top: 2px solid #ffffff; }
.table2 tr td.best { background-color: #FCF1E3; color: #111111; font-weight: bold; }
.table2 tr td.best2 { background-color: #EEC9A5; color: #111111; font-weight: bold; }
.table2 tr:nth-child(odd) { background-color: #C9ECF8; }
.table2 .title td { background-color: #C9ECF8; font-size: 18px; color: #444; border-top: 5px solid #309FD8; font-weight: 600; }
.table2 .title td.best { background-color: #FF5B26; color: #fff; font-size: 22px; }
.table2 .title td i { background-image: url(../images/icons/f4_1_icon2.png); background-position: center; background-repeat: no-repeat; width: 23px; height: 18px; margin-left: 6px; background-size: cover; display: inline-block; }
.table2.fix1 > tbody > tr > td:first-child { width: 150px; text-align: center; color: #20587E; font-weight: 600; }
.table2.fix1 > tbody > tr > td:nth-child(2) { width: 180px; padding: 20px 9px; }

.table3 .p0 { padding: 0px !important; }
.table3 .p8 { padding: 8px !important; }
.table3 .pr0 { padding-right: 0px !important; }
.table3 .bb_1 { border-bottom: 1px solid #AAAAAA !important; }
.table3 .bl_1 { border-left: 1px solid #AAAAAA !important; }
.table3 .h100 { height: 100%; }
.table3 .p2_19 { padding-top: 2px; padding-bottom: 19px; }
.table3 .p19_2 { padding-top: 19px; padding-bottom: 2px; }
.table3 td { font-size: 15px; text-align: center; padding: 10px 15px; border: 1px solid #AAAAAA; }
.table3 td:first-child { text-align: left; }
.table3 tr td { color: #333333; }
.table3 tr td table tr:first-child > td { border: none; }
.table3 tr:nth-child(4) > table tr:nth-child(2) > td { border: none; border-top: 1px solid #AAAAAA; }
.table3 .title td { color: #000000; }
.table3.fix1 > tbody > tr > td:first-child { width: 130px; }

.table4 { box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1), 0 0px 5px 0 rgba(0, 0, 0, 0.1); }
.table4 td { font-size: 15px; text-align: center; padding: 10px 15px; }
.table4 td:first-child { text-align: left; }
.table4 tr td { color: #333333; }
.table4 tr td.bad { color: #ff6a00; }
.table4 tr:nth-child(odd) { background-color: #EEF8FB; }
.table4 tr:nth-child(even) { background-color: #ffffff; }
.table4 .title td { background-color: #309FD8; color: #fff; }
.table4.blue_t td { font-size: 15px; text-align: center; padding: 20px 15px; }
.table4.blue_t td:first-child { text-align: left; }
.table4.blue_t td.p15 { padding: 12px; }
.table4.blue_t tr td { color: #1F587E; }
.table4.blue_t tr td span { color: #929292; }
.table4.blue_t tr:nth-child(odd) { background-color: #F3F8FD; }
.table4.blue_t .title td { background-color: #C9ECF8; color: #555555; padding-top: 18px; padding-bottom: 18px; }
.table4.fix1 > tbody > tr > td:first-child { width: 50px; }
.table4.fix2 > tbody > tr > td:first-child { width: 200px; }
.table4.fix3 > tbody > tr > td:first-child { width: 130px; }
.table4.even_w tr td { padding: 10px; }

@media (max-width: 768px) { .tabs1 { width: 100%; height: 30px; border-width: 1px; border-color: #309FD8; border-style: solid; border-radius: 5px; position: relative; color: #333333; }
  .tabs1 ul { width: 100%; position: relative; }
  .tabs1 ul li { float: none; display: none; width: 100%; border: 0; text-align: left; background-color: #fff; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; background: none; }
  .tabs1 ul li.current { background: none; display: block; color: #333333; font-size: 16px; border: 0; }
  .tabs1 i.arrow { position: absolute; display: inline-block; right: 12px; top: 6px; width: 17px; height: 17px; background-size: cover; background-image: url(../images/icons/down_icon.png); }
  .tabs1.open { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .tabs1.open ul { position: absolute; z-index: 998; background-color: #ffffff; border-radius: 5px; box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.1), 0 18px 33px 0 rgba(0, 0, 0, 0.1); }
  .tabs1.open ul li { display: block; }
  .tabs1.open i.arrow { z-index: 999; background-image: url(../images/icons/down_icon_up.png); }
  .tabs1.nav { border-color: #00B3B0; }
  .tabs1.nav > ul > li.current { color: #00B3B0; } }
/*IPAD*/
@media (max-width: 768px) { .table1 { min-width: 827px; }
  .table1.w1360 { min-width: 1360px; }
  .table1 td { font-size: 15px; text-align: center; padding: 10px 15px; }
  .table1 td:first-child { text-align: left; }
  .table2 { min-width: 827px; }
  .table2.w1360 { min-width: 1360px; }
  .table2 td { font-size: 15px; text-align: center; padding: 10px 15px; }
  .table2 td:first-child { text-align: left; }
  .table2 tr td { color: #878787; }
  .table2 tr:nth-child(odd) { background-color: #C9ECF8; }
  .table2 .title td { background-color: #C9ECF8; }
  .qa_box_b .qa_box_s .qa_box_txt .qa_box_m { display: flex; flex-wrap: wrap; }
  .qa_box_b .qa_box_s .qa_box_txt .qa_box_m > div { width: calc((100% - 10px)/2); height: auto; margin-right: 10px; margin-bottom: 10px; }
  .qa_box_b .qa_box_s .qa_box_txt .qa_box_m > div:nth-child(2n) { margin-right: 0px; }
  .table3 { min-width: 622px; }
  .table3.w1360 { min-width: 1360px; }
  .table3 td { font-size: 15px; text-align: center; padding: 10px 15px; }
  .table3 td:first-child { text-align: center; }
  .table4 { min-width: 827px; }
  .table4.w850 { min-width: 850px; }
  .table4.w1000 { min-width: 850px; }
  .table4 td { font-size: 15px; text-align: center; padding: 10px 15px; }
  .table4 td:first-child { text-align: left; }
  .table4.even_w tr td { padding: 10px; } }
/*IPAD----END*/
.ui-selectmenu-text { font-family: "微軟正黑體"; }

.cf_more_box { padding-bottom: 40px; }
.cf_more_box > div a p { font-size: 18px; color: #525252; padding: 10px 10px 8px; border-bottom: 1px solid #DFDFDF; }
.cf_more_box > div a:hover p { color: #00B3AC; font-weight: bold; }

.red { color: #FF0000 !important; }

.green { color: #40A560 !important; }

.bold { font-weight: bold; }

/* ********************/
/*$w3-small-size: 641px;
$w3-medium-size: 1024px;
$w3-large-size: 1200px;
$w3-model-size: 768px;
*/
/* W3.CSS 1.99 by J.E.Refsnes. Do not remove this line. */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { -webkit-tap-highlight-color: transparent; background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input[type=checkbox], input[type=radio] { padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

pre, textarea { overflow: auto; }

optgroup { font-weight: bold; }

/* End extract from normalize.css */
html, body { font-family: Verdana, sans-serif; font-size: 15px; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI", Arial, sans-serif; font-weight: 400; margin: 10px 0; }

.w3-slim, .w3-wide { font-family: "Segoe UI", Arial, sans-serif !important; }

.w3-wide { letter-spacing: 4px; }

.w3-serif { font-family: "Times New Roman", Times, serif; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

hr { height: 0; border: 0; border-top: 1px solid #eee; margin: 20px 0; }

img { margin-bottom: -5px; }

a { color: inherit; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }

table, th, td { border: none; }

.w3-table-all { border: 1px solid #ccc; }

.w3-bordered tr, .w3-table-all tr { border-bottom: 1px solid #ddd; }

.w3-striped tbody tr:nth-child(even) { background-color: #f1f1f1; }

.w3-table-all tr:nth-child(odd) { background-color: #fff; }

.w3-table-all tr:nth-child(even) { background-color: #f1f1f1; }

.w3-hoverable tbody tr:hover { background-color: #ccc; }

.w3-centered tr th, .w3-centered tr td { text-align: center; }

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th { padding: 6px 8px; display: table-cell; text-align: left; vertical-align: top; }

.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 16px; }

.w3-btn, .w3-btn-block { border: none; display: inline-block; outline: 0; padding: 6px 16px; vertical-align: middle; overflow: hidden; text-decoration: none !important; color: #fff; background-color: #000; text-align: center; cursor: pointer; white-space: nowrap; }

.w3-btn.w3-disabled, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large.w3-disabled, .w3-btn-floating-large:disabled { cursor: not-allowed; opacity: 0.3; }

.w3-btn.w3-disabled *, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled *, .w3-btn:disabled *, .w3-btn-floating:disabled * { pointer-events: none; }

.w3-btn.w3-disabled:hover, .w3-btn-block.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn-floating:disabled:hover, .w3-btn-floating-large.w3-disabled:hover, .w3-btn-floating-large:disabled:hover { box-shadow: none; }

.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.w3-btn-block { width: 100%; }

.w3-btn-floating, .w3-btn-floating-large { display: inline-block; text-align: center; color: #fff; background-color: #000; position: relative; overflow: hidden; z-index: 1; padding: 0; border-radius: 50%; cursor: pointer; font-size: 24px; }

.w3-btn-floating { width: 40px; height: 40px; line-height: 40px; }

.w3-btn-floating-large { width: 56px; height: 56px; line-height: 56px; }

.w3-btn-group .w3-btn { float: left; }

.w3-btn.w3-ripple { position: relative; }

.w3-ripple:after { content: ""; background: #90EE90; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px !important; margin-top: -120%; opacity: 0; transition: all 0.8s; }

.w3-ripple:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s; }

.w3-badge, .w3-tag, .w3-sign { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; font-weight: bold; text-align: center; }

.w3-badge { border-radius: 50%; }

ul.w3-ul { list-style-type: none; padding: 0; margin: 0; }

ul.w3-ul li { padding: 6px 2px 6px 16px; border-bottom: 1px solid #ddd; }

ul.w3-ul li:last-child { border-bottom: none; }

.w3-image, .w3-tooltip { position: relative; }

img.w3-image, .w3-image img { max-width: 100%; height: auto; }

.w3-image .w3-title { position: absolute; bottom: 8px; left: 16px; color: #fff; font-size: 20px; }

.w3-fluid { max-width: 100%; height: auto; }

.w3-tooltip .w3-text { display: none; }

.w3-tooltip:hover .w3-text { display: inline-block; }

.w3-navbar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }

.w3-navbar li { float: left; }

.w3-navbar li a { display: block; padding: 8px 16px; }

.w3-navbar li a:hover { color: #000; background-color: #ccc; }

.w3-navbar .w3-dropdown-hover, .w3-navbar .w3-dropdown-click { position: static; }

.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover { background-color: #ccc; color: #000; }

.w3-topnav { padding: 8px 8px; }

.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropnav a, .w3-dropdown-content a, .w3-accordion-content a { text-decoration: none !important; }

.w3-navbar ul.w3-right { list-style-type: none; }

.w3-navbar.w3-collapse li.w3-opennav { display: none; }

.w3-topnav a { padding: 0 8px; border-bottom: 3px solid transparent; }

.w3-topnav a:hover { border-bottom: 3px solid #fff; }

.w3-topnav .w3-dropdown-hover a { border-bottom: 0; }

.w3-opennav, .w3-closenav { color: inherit; }

.w3-opennav:hover, .w3-closenav:hover { cursor: pointer; opacity: 0.8; }

.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropnav a, .w3-pagination li a, .w3-hoverable tbody tr, .w3-btn, .w3-btn-floating, .w3-btn-floating-large { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.w3-sidenav { height: 100%; width: 200px; background-color: #fff; position: fixed !important; z-index: 1; overflow: auto; }

.w3-sidenav a { padding: 4px 2px 4px 16px; }

.w3-sidenav a:hover { background-color: #ccc; }

.w3-sidenav a, .w3-dropnav a { display: block; }

.w3-sidenav .w3-dropdown-hover:hover, .w3-sidenav .w3-dropdown-hover:first-child, .w3-sidenav .w3-dropdown-click:hover { background-color: #ccc; color: #000; }

.w3-sidenav .w3-dropdown-hover, .w3-sidenav .w3-dropdown-click { width: 100%; }

.w3-sidenav .w3-dropdown-hover .w3-dropdown-content, .w3-sidenav .w3-dropdown-click .w3-dropdown-content { min-width: 100%; }

.w3-main { transition: margin-left 0.4s; }

.w3-dropnav { background-color: #fff; }

.w3-dropnav a:hover { text-decoration: underline !important; }

.w3-modal { z-index: 1; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); }

.w3-modal-content { margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 600px; }

.w3-closebtn { text-decoration: none; float: right; font-size: 24px; font-weight: bold; color: inherit; }

.w3-closebtn:hover, .w3-closebtn:focus { color: #000; text-decoration: none; cursor: pointer; }

.w3-pagination { display: inline-block; padding: 0; margin: 0; }

.w3-pagination li { display: inline; }

.w3-pagination li a { text-decoration: none; color: #000; float: left; padding: 8px 16px; }

.w3-pagination li a:hover, .w3-pagination li a:focus { background-color: #ccc; }

.w3-input-group, .w3-group { margin-top: 24px; margin-bottom: 24px; }

.w3-input { padding: 8px; display: block; border: none; border-bottom: 1px solid #808080; width: 100%; }

.w3-label { color: #009688; }

.w3-input:not(:valid) ~ .w3-validate { color: #f44336; }

.w3-select { padding: 4px 0; width: 100%; color: #000; border: 1px solid transparent; border-bottom: 1px solid #009688; }

.w3-select select:focus { color: #000; border: 1px solid #009688; }

.w3-select option[disabled] { color: #009688; }

.w3-dropdown-click, .w3-dropdown-hover { position: relative; display: inline-block; cursor: pointer; }

.w3-dropdown-hover:hover .w3-dropdown-content { display: block; z-index: 1; }

.w3-dropdown-content { cursor: auto; color: #000; background-color: #fff; display: none; position: absolute; min-width: 160px; margin: 0; padding: 0; }

.w3-dropdown-content a { padding: 6px 16px; display: block; }

.w3-dropdown-content a:hover { background-color: #ccc; }

.w3-accordion { width: 100%; cursor: pointer; }

.w3-accordion-content { cursor: auto; display: none; position: relative; width: 100%; margin: 0; padding: 0; }

.w3-accordion-content a { padding: 6px 16px; display: block; }

.w3-accordion-content a:hover { background-color: #ccc; }

.w3-progress-container { width: 100%; height: 30px; position: relative; background-color: #ccc; }

.w3-progressbar { background-color: #ddd; height: 30px; position: absolute; }

input[type=checkbox].w3-check, input[type=radio].w3-radio { width: 24px; height: 24px; position: relative; top: 6px; }

input[type=checkbox].w3-check:checked + .w3-validate, input[type=radio].w3-radio:checked + .w3-validate { color: #009688; }

input[type=checkbox].w3-check:disabled + .w3-validate, input[type=radio].w3-radio:disabled + .w3-validate { color: #aaa; }

.w3-responsive { overflow-x: auto; }

.w3-container:after, .w3-row:after, .w3-row-padding:after, .w3-topnav:after, .w3-clear:after, .w3-btn-group:before, .w3-btn-group:after { content: ""; display: table; clear: both; }

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-quarter { float: left; width: 100%; }

.w3-col.s1 { width: 8.33333%; }

.w3-col.s2 { width: 16.66666%; }

.w3-col.s3 { width: 24.99999%; }

.w3-col.s4 { width: 33.33333%; }

.w3-col.s5 { width: 41.66666%; }

.w3-col.s6 { width: 49.99999%; }

.w3-col.s7 { width: 58.33333%; }

.w3-col.s8 { width: 66.66666%; }

.w3-col.s9 { width: 74.99999%; }

.w3-col.s10 { width: 83.33333%; }

.w3-col.s11 { width: 91.66666%; }

.w3-col.s12, .w3-half, .w3-third, .w3-twothird, .w3-quarter { width: 99.99999%; }

.w3-col.s0-5 { width: 4.16666%; }

.w3-col.s1-5 { width: 12.5%; }

.w3-col.s2-5 { width: 20.83333%; }

.w3-col.s3-5 { width: 29.16666%; }

.w3-col.s4-5 { width: 37.5%; }

.w3-col.s5-5 { width: 45.83333%; }

.w3-col.s6-5 { width: 54.16667%; }

.w3-col.s7-5 { width: 62.5%; }

.w3-col.s8-5 { width: 70.83333%; }

.w3-col.s9-5 { width: 79.16667%; }

.w3-col.s10-5 { width: 87.5%; }

.w3-col.s11-5 { width: 95.83333%; }

@media only screen and (min-width: 999px) { .w3-col.m0-5 { width: 4.16666%; }
  .w3-col.m1 { width: 8.33333%; }
  .w3-col.m2 { width: 16.66666%; }
  .w3-col.m3, .w3-quarter { width: 24.99999%; }
  .w3-col.m4, .w3-third { width: 33.33333%; }
  .w3-col.m5 { width: 41.66666%; }
  .w3-col.m6, .w3-half { width: 49.99999%; }
  .w3-col.m7 { width: 58.33333%; }
  .w3-col.m8, .w3-twothird { width: 66.66666%; }
  .w3-col.m9 { width: 74.99999%; }
  .w3-col.m10 { width: 83.33333%; }
  .w3-col.m11 { width: 91.66666%; }
  .w3-col.m12 { width: 99.99999%; }
  .w3-col.m1-5 { width: 12.5%; }
  .w3-col.m2-5 { width: 20.83333%; }
  .w3-col.m3-5 { width: 29.16666%; }
  .w3-col.m4-5 { width: 37.5%; }
  .w3-col.m5-5 { width: 45.83333%; }
  .w3-col.m6-5 { width: 54.16667%; }
  .w3-col.m7-5 { width: 62.5%; }
  .w3-col.m8-5 { width: 70.83333%; }
  .w3-col.m9-5 { width: 79.16667%; }
  .w3-col.m10-5 { width: 87.5%; }
  .w3-col.m11-5 { width: 95.83333%; } }
@media only screen and (min-width: 1002px) { .w3-col.l0-5 { width: 4.16666%; }
  .w3-col.l1 { width: 8.33333%; }
  .w3-col.l1-5 { width: 12.5%; }
  .w3-col.l2 { width: 16.66666%; }
  .w3-col.l2-5 { width: 20.83333%; }
  .w3-col.l3, .w3-quarter { width: 24.99999%; }
  .w3-col.l3-5 { width: 29.16666%; }
  .w3-col.l4, .w3-third { width: 33.33333%; }
  .w3-col.l4-5 { width: 37.5%; }
  .w3-col.l5 { width: 41.66666%; }
  .w3-col.l5-5 { width: 45.83333%; }
  .w3-col.l6, .w3-half { width: 49.99999%; }
  .w3-col.l6-5 { width: 54.16667%; }
  .w3-col.l7 { width: 58.33333%; }
  .w3-col.l7-5 { width: 62.5%; }
  .w3-col.l8, .w3-twothird { width: 66.66666%; }
  .w3-col.l8-5 { width: 70.83333%; }
  .w3-col.l9 { width: 74.99999%; }
  .w3-col.l9-5 { width: 79.16667%; }
  .w3-col.l10 { width: 83.33333%; }
  .w3-col.l10-5 { width: 87.5%; }
  .w3-col.l11 { width: 91.66666%; }
  .w3-col.l11-5 { width: 95.83333%; }
  .w3-col.l12 { width: 99.99999%; } }
.w3-content { max-width: 980px; margin: auto; }

.w3-rest { overflow: hidden; }

@media (max-width: 999px) { .w3-modal-content { margin: 50px 10px 10px 10px; width: auto !important; } }
@media (max-width: 768px) { .w3-modal-content { width: 500px; } }
@media (min-width: 1001px) { .w3-modal-content { width: 900px; } }
@media screen and (max-width: 999px) { .w3-topnav a { display: block; }
  .w3-navbar li { float: none !important; }
  .w3-navbar ul.w3-right { float: none !important; margin: 0; padding: 0; } }
@media screen and (max-width: 999px) { .w3-topnav .w3-dropdown-hover .w3-dropdown-content, .w3-navbar .w3-dropdown-click .w3-dropdown-content, .w3-navbar .w3-dropdown-hover .w3-dropdown-content { position: relative; } }
@media screen and (max-width: 999px) { .w3-topnav, .w3-navbar { text-align: center; } }
@media (max-width: 999px) { .w3-hide-small { display: none !important; } }
@media (max-width: 1000px) and (min-width: 999px) { .w3-hide-medium { display: none !important; } }
@media (min-width: 1001px) { .w3-hide-large { display: none !important; } }
@media screen and (max-width: 1000px) { .w3-sidenav.w3-collapse { display: none; }
  .w3-main { margin-left: 0 !important; } }
@media screen and (min-width: 1000px) { .w3-sidenav.w3-collapse { display: block !important; } }
@media screen and (max-width: 999px) { .w3-collapse li { float: left !important; }
  .w3-navbar.w3-collapse li:not(:first-child) { display: none; }
  .w3-navbar.w3-collapse li.w3-opennav { float: right !important; display: inline; } }
@media screen and (max-width: 999px) { .w3-navbar.w3-collapse.w3-nav-push { position: relative; }
  .w3-navbar.w3-collapse.w3-nav-push li.w3-opennav { position: absolute; right: 0; top: 0; }
  .w3-navbar.w3-collapse.w3-nav-push li { float: none !important; display: block !important; }
  .w3-navbar.w3-collapse.w3-nav-push li a { display: block; text-align: left; } }
.w3-top, .w3-bottom { position: fixed; width: 100%; z-index: 1; }

.w3-top { top: 0; }

.w3-bottom { bottom: 0; }

.w3-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; }

.w3-left { float: left !important; }

.w3-right { float: right !important; }

.w3-hide { display: none !important; }

.w3-show { display: block !important; }

.w3-tiny { font-size: 10px !important; }

.w3-small { font-size: 12px !important; }

.w3-medium { font-size: 15px !important; }

.w3-large { font-size: 18px !important; }

.w3-xlarge { font-size: 24px !important; }

.w3-xxlarge { font-size: 36px !important; }

.w3-xxxlarge { font-size: 48px !important; }

.w3-jumbo { font-size: 64px !important; }

.w3-vertical { word-break: break-all; line-height: 1; text-align: center; width: 0.6em; }

.w3-left-align { text-align: left !important; }

.w3-right-align { text-align: right !important; }

.w3-justify { text-align: justify !important; }

.w3-center { text-align: center !important; }

.w3-circle { border-radius: 50% !important; }

.w3-round-small { border-radius: 2px !important; }

.w3-round, .w3-round-medium { border-radius: 4px !important; }

.w3-round-large { border-radius: 8px !important; }

.w3-round-xlarge { border-radius: 16px !important; }

.w3-round-xxlarge { border-radius: 32px !important; }

.w3-round-jumbo { border-radius: 64px !important; }

.w3-border-0 { border: 0 !important; }

.w3-border { border: 1px solid #ccc !important; }

.w3-border-top { border-top: 1px solid #ccc !important; }

.w3-border-bottom { border-bottom: 1px solid #ccc !important; }

.w3-border-left { border-left: 1px solid #ccc !important; }

.w3-border-right { border-right: 1px solid #ccc !important; }

.w3-margin-0 { margin: 0 !important; }

.w3-margin-2 { margin: 2px !important; }

.w3-margin-4 { margin: 4px !important; }

.w3-margin-8 { margin: 8px !important; }

.w3-margin-12 { margin: 12px !important; }

.w3-margin-16 { margin: 16px !important; }

.w3-margin-24 { margin: 24px !important; }

.w3-margin-32 { margin: 32px !important; }

.w3-margin-64 { margin: 64px !important; }

.w3-margin { margin: 16px !important; }

.w3-margin-top { margin-top: 16px !important; }

.w3-margin-bottom { margin-bottom: 16px !important; }

.w3-margin-left { margin-left: 16px !important; }

.w3-margin-right { margin-right: 16px !important; }

.w3-padding-tiny { padding: 2px 4px !important; }

.w3-padding-small { padding: 4px 8px !important; }

.w3-padding-medium, .w3-padding, .w3-form { padding: 8px 16px !important; }

.w3-padding-large { padding: 12px 24px !important; }

.w3-padding-xlarge { padding: 16px 32px !important; }

.w3-padding-xxlarge { padding: 24px 48px !important; }

.w3-padding-jumbo { padding: 32px 64px !important; }

.w3-padding-0 { padding: 0 !important; }

.w3-padding-4 { padding-top: 4px !important; padding-bottom: 4px !important; }

.w3-padding-8 { padding-top: 8px !important; padding-bottom: 8px !important; }

.w3-padding-16 { padding-top: 16px !important; padding-bottom: 16px !important; }

.w3-padding-24 { padding-top: 24px !important; padding-bottom: 24px !important; }

.w3-padding-32 { padding-top: 32px !important; padding-bottom: 32px !important; }

.w3-padding-48 { padding-top: 48px !important; padding-bottom: 48px !important; }

.w3-padding-64 { padding-top: 64px !important; padding-bottom: 64px !important; }

.w3-padding-top { padding-top: 8px !important; }

.w3-padding-bottom { padding-bottom: 8px !important; }

.w3-padding-left { padding-left: 16px !important; }

.w3-padding-right { padding-right: 16px !important; }

.w3-topbar { border-top: 6px solid #ccc !important; }

.w3-bottombar { border-bottom: 6px solid #ccc !important; }

.w3-leftbar { border-left: 6px solid #ccc !important; }

.w3-rightbar { border-right: 6px solid #ccc !important; }

.w3-border-red { border-color: #ff6060 !important; }

.w3-border-yellow { border-color: #daa520 !important; }

.w3-border-green { border-color: #66aa66 !important; }

.w3-border-blue { border-color: #1E90FF !important; }

.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col { padding: 0 8px; }

.w3-spin { animation: w3-spin 2s infinite linear; -webkit-animation: w3-spin 2s infinite linear; }

@-webkit-keyframes w3-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes w3-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.w3-container { padding: 0.01em 16px; }

.w3-example { background-color: #f1f1f1; padding: 0.01em 16px; }

.w3-section, .w3-paragraph { margin-top: 16px; margin-bottom: 16px; }

.w3-code { font-family: Consolas, "courier new"; font-size: 16px; line-height: 1.4; width: auto; background-color: #fff; padding: 8px 12px; border-left: 4px solid #009688; word-wrap: break-word; }

.w3-example, .w3-code, .w3-reference { margin: 20px 0; }

.w3-card { border: 1px solid #ccc; }

.w3-card-2, .w3-example { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }

.w3-card-4 { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }

.w3-card-8 { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }

.w3-card-12 { box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; }

.w3-card-16 { box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; }

.w3-card-24 { box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; }

.w3-animate-fading { -webkit-animation: fading 10s infinite; animation: fading 10s infinite; }

@-webkit-keyframes fading { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fading { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
.w3-animate-opacity { -webkit-animation: opac 4s; animation: opac 4s; }

@-webkit-keyframes opac { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes opac { from { opacity: 0; }
  to { opacity: 1; } }
.w3-animate-top { position: relative; -webkit-animation: animatetop 0.4s; animation: animatetop 0.4s; }

@-webkit-keyframes animatetop { from { top: -300px; opacity: 0; }
  to { top: 0; opacity: 1; } }
@keyframes animatetop { from { top: -300px; opacity: 0; }
  to { top: 0; opacity: 1; } }
.w3-animate-left { position: relative; -webkit-animation: animateleft 0.4s; animation: animateleft 0.4s; }

@-webkit-keyframes animateleft { from { left: -300px; opacity: 0; }
  to { left: 0; opacity: 1; } }
@keyframes animateleft { from { left: -300px; opacity: 0; }
  to { left: 0; opacity: 1; } }
.w3-animate-right { position: relative; -webkit-animation: animateright 0.4s; animation: animateright 0.4s; }

@-webkit-keyframes animateright { from { right: -300px; opacity: 0; }
  to { right: 0; opacity: 1; } }
@keyframes animateright { from { right: -300px; opacity: 0; }
  to { right: 0; opacity: 1; } }
.w3-animate-bottom { position: relative; -webkit-animation: animatebottom 0.4s; animation: animatebottom 0.4s; }

@-webkit-keyframes animatebottom { from { bottom: -300px; opacity: 0; }
  to { bottom: 0px; opacity: 1; } }
@keyframes animatebottom { from { bottom: -300px; opacity: 0; }
  to { bottom: 0; opacity: 1; } }
.w3-animate-zoom { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s; }

@-webkit-keyframes animatezoom { from { transform: scale(0); }
  to { transform: scale(1); } }
@keyframes animatezoom { from { transform: scale(0); }
  to { transform: scale(1); } }
.w3-pale-red, .w3-hover-pale-red:hover { color: #000 !important; background-color: #ffe7e7 !important; }

.w3-pale-green, .w3-hover-pale-green:hover { color: #000 !important; background-color: #e7ffe7 !important; }

.w3-pale-yellow, .w3-hover-pale-yellow:hover { color: #000 !important; background-color: #ffffd7 !important; }

.w3-pale-blue, .w3-hover-pale-blue:hover { color: #000 !important; background-color: #e7ffff !important; }

.w3-text-amber { color: #ffc107 !important; }

.w3-amber, .w3-hover-amber:hover { color: #000 !important; background-color: #ffc107 !important; }

.w3-text-aqua { color: #00ffff !important; }

.w3-aqua, .w3-hover-aqua:hover { color: #000 !important; background-color: #00ffff !important; }

.w3-text-blue { color: #2196F3 !important; }

.w3-blue, .w3-hover-blue:hover { color: #fff !important; background-color: #2196F3 !important; }

.w3-text-light-blue { color: #87CEEB !important; }

.w3-light-blue, .w3-hover-light-blue:hover { color: #000 !important; background-color: #87CEEB !important; }

.w3-text-brown { color: #795548 !important; }

.w3-brown, .w3-hover-brown:hover { color: #fff !important; background-color: #795548 !important; }

.w3-text-cyan { color: #00bcd4 !important; }

.w3-cyan, .w3-hover-cyan:hover { color: #000 !important; background-color: #00bcd4 !important; }

.w3-text-blue-grey { color: #607d8b !important; }

.w3-blue-grey, .w3-hover-blue-grey:hover { color: #fff !important; background-color: #607d8b !important; }

.w3-text-green { color: #4CAF50 !important; }

.w3-green, .w3-hover-green:hover { color: #fff !important; background-color: #4CAF50 !important; }

.w3-text-light-green { color: #8bc34a !important; }

.w3-light-green, .w3-hover-light-green:hover { color: #000 !important; background-color: #8bc34a !important; }

.w3-text-indigo { color: #3f51b5 !important; }

.w3-indigo, .w3-hover-indigo:hover { color: #fff !important; background-color: #3f51b5 !important; }

.w3-text-khaki { color: #b4aa50 !important; }

.w3-khaki, .w3-hover-khaki:hover { color: #000 !important; background-color: #f0e68c !important; }

.w3-text-lime { color: #cddc39 !important; }

.w3-lime, .w3-hover-lime:hover { color: #000 !important; background-color: #cddc39 !important; }

.w3-text-orange { color: #ff9800 !important; }

.w3-orange, .w3-hover-orange:hover { color: #000 !important; background-color: #ff9800 !important; }

.w3-text-deep-orange { color: #ff5722 !important; }

.w3-deep-orange, .w3-hover-deep-orange:hover { color: #fff !important; background-color: #ff5722 !important; }

.w3-text-pink { color: #e91e63 !important; }

.w3-pink, .w3-hover-pink:hover { color: #fff !important; background-color: #e91e63 !important; }

.w3-text-purple { color: #9c27b0 !important; }

.w3-purple, .w3-hover-purple:hover { color: #fff !important; background-color: #9c27b0 !important; }

.w3-text-deep-purple { color: #673ab7 !important; }

.w3-deep-purple, .w3-hover-deep-purple:hover { color: #fff !important; background-color: #673ab7 !important; }

.w3-text-red { color: #f44336 !important; }

.w3-red, .w3-hover-red:hover { color: #fff !important; background-color: #f44336 !important; }

.w3-text-sand { color: #fdf5e6 !important; }

.w3-sand, .w3-hover-sand:hover { color: #000 !important; background-color: #fdf5e6 !important; }

.w3-text-teal { color: #009688 !important; }

.w3-teal, .w3-hover-teal:hover { color: #fff !important; background-color: #009688 !important; }

.w3-text-yellow { color: #d2be0e !important; }

.w3-yellow, .w3-hover-yellow:hover { color: #000 !important; background-color: #ffeb3b !important; }

.w3-text-white { color: #fff !important; }

.w3-white, .w3-hover-white:hover { color: #000 !important; background-color: #fff !important; }

.w3-text-black { color: #000 !important; }

.w3-black, .w3-hover-black:hover { color: #fff !important; background-color: #000 !important; }

.w3-text-grey { color: #757575 !important; }

.w3-grey, .w3-hover-grey:hover { color: #000 !important; background-color: #9e9e9e !important; }

.w3-text-light-grey { color: #f1f1f1 !important; }

.w3-light-grey, .w3-hover-light-grey:hover { color: #000 !important; background-color: #f1f1f1 !important; }

.w3-text-dark-grey { color: #3a3a3a !important; }

.w3-dark-grey, .w3-hover-dark-grey:hover { color: #fff !important; background-color: #616161 !important; }

.w3-opacity { opacity: 0.6; }

.w3-text-shadow { text-shadow: 1px 1px 0 #444; }

.w3-text-shadow-white { text-shadow: 1px 1px 0 #ddd; }

h1, h2, h3, h4, h5, h6 { font-size: 16px; font-family: "arial", "微軟正黑體"; }

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

/* ********************/
/* Author Nick. */
.bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: transparent; left: 0px; }

.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 select { color: #333333; }
.ui-datepicker.ui-widget .ui-datepicker-title select { font-size: 80%; font-family: 'Arial'; }

/********************************************************************************* ********************************* Center Simple ******************************** ********************************************************************************/
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 5px; width: 200px; background: #fff; border: 1px solid #0575AD; overflow: hidden; }

.pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 200px; position: fixed; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: #0575AD; }

.pace.pace-inactive { display: none; }

/********************************************************************************* ********************************* Center Simple End **************************** ********************************************************************************/
/********************************************************************************* ********************************* Minimal ************************************** ********************************************************************************
.pace { -webkit-pointer-events: none; pointer-events: none;
 -webkit-user-select: none; -moz-user-select: none; user-select: none;
}

.pace-inactive { display: none;
}

.pace .pace-progress { background: $color; position: fixed; z-index: 2000; top: 0;  right: 100%; width: 100%; height: 2px;
}
/********************************************************************************* ********************************* Minimal End ********************************** ********************************************************************************/
/********************************************************************************* ********************************* Barber Shop ********************************** ********************************************************************************
.pace { -webkit-pointer-events: none; pointer-events: none;
 -webkit-user-select: none; -moz-user-select: none; user-select: none;
 overflow: hidden; position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 12px; background: #fff;
}

.pace-inactive { display: none;
}

.pace .pace-progress { background-color: $color; position: fixed; top: 0; bottom: 0; right: 100%; width: 100%; overflow: hidden;
}

.pace .pace-activity { position: fixed; top: 0; right: -32px; bottom: 0; left: 0;
 -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; background-size: 32px 32px;
 -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite;
}

@-webkit-keyframes pace-theme-barber-shop-motion { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-moz-keyframes pace-theme-barber-shop-motion { 0% { -moz-transform: none; transform: none; } 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-o-keyframes pace-theme-barber-shop-motion { 0% { -o-transform: none; transform: none; } 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-ms-keyframes pace-theme-barber-shop-motion { 0% { -ms-transform: none; transform: none; } 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@keyframes pace-theme-barber-shop-motion { 0% { transform: none; transform: none; } 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}

/********************************************************************************* ********************************* Barber Shop End ****************************** ********************************************************************************/
/********************************************************************************* ********************************* Loading Bar ********************************** ********************************************************************************
.pace { -webkit-pointer-events: none; pointer-events: none;
 -webkit-user-select: none; -moz-user-select: none; user-select: none;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
 -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
 z-index: 2000; position: fixed; margin: auto; top: 12px; left: 0; right: 0; bottom: 0; width: 200px; height: 50px; overflow: hidden;
}

.pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
 -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
 -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
 display: block; position: absolute; right: 100%; margin-right: -7px; width: 93%; top: 7px; height: 14px; font-size: 12px; background: $color; color: $color; line-height: 60px; font-weight: bold; font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
 -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace .pace-progress:after { content: attr(data-progress-text); display: inline-block; position: fixed; width: 45px; text-align: right; right: 0; padding-right: 16px; top: 4px;
}

.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -14px }


.pace .pace-activity { position: absolute; width: 100%; height: 28px; z-index: 2001; box-shadow: inset 0 0 0 2px $color, inset 0 0 0 7px #FFF; border-radius: 10px;
}

.pace.pace-inactive { display: none;
}

/********************************************************************************* ***************************** Loading Bar End ********************************** ********************************************************************************/
html.ie8 .pace { display: none; }

.banner { position: relative; }

.bx-wrapper { margin: 0; }

.bx-wrapper .bx-viewport { left: 0; padding: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.bx-wrapper .bx-pager { position: absolute; bottom: 30px; }

.bx-pager { display: block; }

.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:hover { width: 13px; height: 13px; margin: 0 9px; border-radius: 100%; background: none; border: 2px #fff solid; }

.bx-wrapper .bx-pager.bx-default-pager a.active { width: 13px; height: 13px; background: #fff; }

.bx-wrapper { position: relative; }

.bx-wrapper .bx-controls-direction a { /*display: inline-block;*/ display: none; vertical-align: middle; margin-top: -25px; width: 32px; height: 60px; }

.bx-wrapper .bx-next, .bx-wrapper .bx-prev { position: absolute; background: #fff; display: inline-block; top: 290px; }

.bx-wrapper .bx-next { right: 0px; }

.bx-wrapper .bx-prev { left: 0px; }

.bx-wrapper .bx-next { background: url("../images/icons/next.png") no-repeat; background-size: contain; }

.bx-wrapper .bx-prev { background: url("../images/icons/prev.png") no-repeat; background-size: contain; }

@media (max-width: 997px) { /*.bx-wrapper .bx-controls-direction a{ margin-top: -19px; } .bx-wrapper .bx-next:before,.bx-wrapper .bx-prev:before{ margin-top: -12px; }*/ }
@media (max-width: 639px) { .bx-wrapper .bx-pager { bottom: 10px; } }
.bx-wrapper .bx-pager { bottom: 0; }

.bx-wrapper .bx-pager.bx-default-pager a.active { width: 13px; height: 13px; background: none; }

.bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; background: #ffffff; }

.bxslider__prev, .bxslider__next { position: absolute; top: 0; width: 70%; height: 100%; }

.bxslider__prev { left: -70%; }

.bxslider li { height: 300px; }
@media (max-width: 768px) { .bxslider li { height: auto; } }

.bxslider__next { right: -70%; }

.bxslider__prev a, .bxslider__next a { display: block; height: 100%; text-ident: -9999px; background-color: #000000; opacity: 0.6; }

.movie2 .bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; background: #ABABAB; border: none; }
.movie2 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0089D1; border: none; }
.movie2 .bx-wrapper .bx-pager { bottom: 6px; }
.movie2 .bx-controls.bx-has-controls-direction.bx-has-pager { display: inline-block; height: 30px; }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ z-index: 1; }

.owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { overflow: hidden; /* fix for flashing background */ }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* 	Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* 	Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {     /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/* 	Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* 	Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 0.875em; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

#owlcarousel1 { width: 100%; height: 100%; }
#owlcarousel1 .animated { animation-duration: var(--animated_duration); animation-fill-mode: both; }
#owlcarousel1 .bg-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
#owlcarousel1.owl-theme .owl-dots { bottom: 45px; width: auto; position: absolute; text-align: left; left: 50%; margin-bottom: 0px; margin-top: 10px !important; transform: translate(-50%, 0px); }

.owl-carousel .owl-nav { margin: 0 auto; }
.owl-carousel .owl-nav [class*='owl-']:hover { background: rgba(0, 0, 0, 0.4); color: #FFF; }
.owl-carousel .owl-nav button.owl-prev { outline: none; position: absolute; left: -25px; right: auto; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.1); height: 33px; width: 18px; transform: translate(0px, -100%); margin-top: -23px; }
.owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; left: auto; /* top: 50%; */ /* bottom: 0; */ right: -25px; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.1); height: 33px; width: 18px; transform: translate(0px, -100%); margin-top: -23px; }

.box { display: inline-flex; flex-wrap: wrap; width: 100%; }
.box > li { display: inline-block; background-color: #ffffff; line-height: 1.4; box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.01), 0 18px 33px 0 rgba(0, 0, 0, 0.02); }
.box > li .img img { width: 100%; }
.box > li p { font-size: 17px; display: block; margin-top: 10px; height: 69px; overflow: hidden; }
.box > li span { color: #666666; font-size: 14px; display: block; margin-top: 10px; height: 57px; overflow: hidden; }
.box > li i { color: #00B6AC; font-size: 13px; display: block; float: right; margin-top: 10px; }
.box > li .header { display: block; font-size: 18px; color: #ffffff; line-height: 1.4; background-color: #0089D1; padding: 5px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box > li .header2 { display: block; font-size: 16px; color: #ffffff; line-height: 1.4; background-color: #7FD1FB; padding: 5px 25px; margin: -1px -1px 0 -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box.col4 > li { width: calc((100% - (20px * 3)) / 4); margin-right: 20px; margin-top: 20px; border-radius: 3%; }
.box.col4 > li:first-child, .box.col4 > li:nth-child(2), .box.col4 > li:nth-child(3), .box.col4 > li:nth-child(4) { margin-top: 0; }
.box.col4 > li:nth-child(4n) { margin-right: 0; }
.box.col3 > li { width: calc((100% - (20px * 2)) / 3); margin-right: 20px; margin-top: 20px; }
.box.col3 > li:first-child, .box.col3 > li:nth-child(2), .box.col3 > li:nth-child(3) { margin-top: 0; }
.box.col3 > li:nth-child(3n) { margin-right: 0; }
.box.col2 > li { width: calc((100% - (20px)) / 2); margin-right: 20px; margin-top: 20px; }
.box.col2 > li:first-child, .box.col2 > li:nth-child(2) { margin-top: 0; }
.box.col2 > li:nth-child(2n) { margin-right: 0; }
.box.border > li { border-width: 1px; border-color: #ECECEC; border-style: solid; }
.box.noshadow > li { box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent; }

@media (max-width: 768px) { .box.mo-only1 > li { width: 100%; display: none; box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent; margin: 0px; }
  .box.mo-only1 > li:first-child { display: inline-block; }
  .box.mo-col1 > li { width: 100%; margin: 0px; }
  .box.mo-col1 > li:first-child { display: inline-block; } }
.btn.more { font-size: 12px; color: #019A93; position: relative; padding-left: 26px; }
.btn.more i { display: inline-block; position: absolute; left: 0; top: -5px; }
.btn.news { width: 100%; background-color: #ffffff; border-width: 1px; border-color: #BBBBBB; border-style: solid; font-size: 15px; display: inline-block; position: relative; padding: 15px 0 15px 65px; margin-bottom: 5px; }
.btn.news .icons-announce { display: inline-block; position: absolute; left: 18px; top: 6px; }
.btn.news .icons-news { display: inline-block; position: absolute; left: 18px; top: 8px; }
.btn .icon_r { width: 6px; height: 10px; background: url(../images/icons/index_right.png) no-repeat; background-size: 6px; background-position: center center; display: inline-block; position: absolute; float: right; left: 88% !important; top: 19px !important; }

.btn-icon { border: none; background: none; }
.btn-icon i { display: inline-block; }

.btn-link { font-size: 15px; color: #0089D1; }

.vd-btnarea { width: 100%; display: inline-block; padding-top: 63%; position: absolute; left: 0; top: 0; text-align: center; background: url(../images/icons/vd-bnt.png) no-repeat; background-repeat: no-repeat; background-position: center center; }
.vd-btnarea:hover { background: url(../images/icons/vd-bnt-b.png) no-repeat; }

@media (max-width: 768px) { .btn.more { font-size: 13px; border-width: 1px; border-color: #019A93; border-style: solid; color: #019A93; position: relative; padding: 7px 0; text-align: center; width: 100%; display: block; }
  .btn.more i { display: none; }
  .btn.news { width: calc((100% - 20px) /2 ); margin-right: 20px; margin-bottom: 0px; float: left; border-width: 1px; border-color: #989898; }
  .btn.news i { display: inline-block; position: absolute; left: 18px; top: 6px; }
  .btn.news:last-child { margin-right: 0; } }
@media (max-width: 460px) { .btn.news { padding: 7px 0 5px 60px; }
  .btn.news span { display: block; }
  .btn.news:nth-child(2) { padding: 17px 0 13px 60px; } }
.tabs ul { width: 100%; display: inline-block; }
.tabs ul > li { margin-left: 2px; float: left; display: inline-block; }
.tabs ul > li a { cursor: pointer; display: inline-block; border: 1px #DDDDDD solid; text-align: center; padding: 3px 8px; font-size: 15px; min-width: 92px; height: 30px; line-height: 1.4; }
.tabs ul > li:first-child { margin-left: 0; }
.tabs ul > li:hover a { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f5f5f5; outline: none; }
.tabs ul > li.active a { background-color: #0089D1; border: 1px #0089D1 solid; color: #fff; }
.tabs ul > li.active:hover a { color: #fff; background-color: #0089D1; }

@media (max-width: 768px) { .tabs { position: relative; display: block; height: 50px; width: 100%; }
  .tabs ul { position: absolute; z-index: 101; width: 100%; display: inline-block; background-color: #eeeeee; background-image: url(../images/icons/down.png); background-position: top right; background-repeat: no-repeat; }
  .tabs ul > li { width: 100%; margin-left: 0px; float: none; display: none; }
  .tabs ul > li a { border-color: #ffffff; border: 0 0 1px; display: inline-block; text-align: left; padding: 8px 8px; font-size: 23px; font-weight: bold; height: auto; width: 100%; }
  .tabs ul > li.active { display: inline-block; width: 100%; }
  .tabs ul > li.active a { background: none; border: none; color: #333333; display: block; width: 100%; }
  .tabs ul > li.active:hover a { color: #333333; background: none; }
  .tabs.active ul > li { display: block; } }
* { padding: 0; margin: 0; }

html, body { font-family: "arial", "微軟正黑體"; min-height: 100% !important; font-size: 18px !important; line-height: 1.4 !important; background-color: #ffffff; }

a { text-decoration: none; word-break: break-all; }

/*容器*/
.container { min-width: 1000px; line-height: 100%; }
.container.nav { background-color: #ECECEC; height: 36px; line-height: 36px; }

.wrap { max-width: 1000px; margin: 0 auto; position: relative; }

@media (max-width: 768px) { .container { min-width: 100%; } }
/*麵包屑*/
.breadCrumb { width: 100%; display: inline-block; }
.breadCrumb > li { color: #727272; font-size: 14px; line-height: 14px; float: left; margin: 0 0 5px 0; }
.breadCrumb > li::after { content: '>'; display: inline-block; margin: 0 7px; }
.breadCrumb > li:last-child::after { display: none; }
.breadCrumb > li:first-child::before { content: ''; display: inline-block; width: 18px; height: 16px; margin: -4px 7px 0 0; background-image: url(../images/icons/home.gif); background-repeat: no-repeat; background-size: contain; }

/**/
h1 { font-size: 32px; color: #0087D1; margin-top: 10px; margin-bottom: 20px; }
h1.gr24 { font-size: 24px; color: #00B2AC; font-weight: bold; margin-top: 20px; margin-bottom: 15px; }

h2 { font-size: 26px; color: #333333; margin-top: 10px; margin-bottom: 12px; }
h2.lightgreen-default { color: #00B4AC; font-size: 18px; line-height: 24px; margin-bottom: 12px; }

h4 { font-size: 18px; color: #282923; margin-top: 14px; margin-bottom: 20px; }

h6.table_notes { text-align: right; color: #525252; font-size: 14px; margin-bottom: 3px; }

.container_page { width: 100%; min-width: 1000px; background-color: #ECECEC; padding-bottom: 50px; }
.container_page > .con { min-width: 1000px; position: relative; max-width: 1000px; margin: 0 auto; background-color: #fff; box-shadow: -1px -1px 14px -7px #A8A8A8; -webkit-box-shadow: -1px -1px 14px -7px #A8A8A8; -moz-box-shadow: -1px -1px 14px -7px #A8A8A8; -o-box-shadow: -1px -1px 14px -7px #A8A8A8; }
.container_page > .con .banner_p { width: 100%; height: 280px; border: none; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.container_page > .con .banner_p > img { width: 100%; height: auto; }
.container_page > .con > .page_box { padding-top: 14px; padding-right: 20px; padding-left: 20px; padding-bottom: 14px; /*1-1*/ /*1-1-4*/ }
/*.container_page > .con > .page_box .transaction_box { padding-right: 31px; padding-left: 31px; }*/
.container_page > .con > .page_box .col5_t { display: flex; }
.container_page > .con > .page_box .col5_t > ul { display: flex; width: 100%; }
.container_page > .con > .page_box .col5_t > ul li { width: calc((100% / 5)); padding-right: 13px; padding-left: 13px; border-left: 1px solid #EEEEEE; text-align: center; }
.container_page > .con > .page_box .col5_t > ul li:nth-child(1) { border-left: 0px solid #EEEEEE; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_1 { display: inline-block; background-image: url(../images/f1_1_icon1.png); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_2 { display: inline-block; background-image: url(../images/f1_1_icon2.png); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_3 { display: inline-block; background-image: url(../images/f1_1_icon3.png); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_4 { display: inline-block; background-image: url(../images/f1_1_icon4.png); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_5 { display: inline-block; background-image: url(../images/f1_1_icon5.png); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_6 { display: inline-block; background-image: url(../images/f1_1_icon6.ico); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li .transaction_icon_7 { display: inline-block; background-image: url(../images/f1_1_icon6.jpg); background-position: center; background-repeat: no-repeat; height: 112px; width: 112px; margin-bottom: 10px; margin-top: 4px; background-size: cover; }
.container_page > .con > .page_box .col5_t > ul li h2 { font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 20px; }
.container_page > .con > .page_box .col5_t > ul li h2.blue { color: #1569BD; }
.container_page > .con > .page_box .col5_t > ul li h2.red { color: #D90000; }
.container_page > .con > .page_box .col5_t > ul li h2.green { color: #00B3AC; }
.container_page > .con > .page_box .col5_t > ul li h2.yellow { color: #B25900; }
.container_page > .con > .page_box .col5_t > ul li h2.orange { color: #FF7F27; }
.container_page > .con > .page_box .col5_t > ul li h2.purple { color: #664692; }
.container_page > .con > .page_box .col5_t > ul li input, .container_page > .con > .page_box .col5_t > ul li button { align-items: center; width: 100%; height: 40px; border: none; border-radius: 10px; font-size: 18px; color: #444444; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: -o-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: linear-gradient(#ffffff 0%, #eeeeee 74%); box-shadow: 0px 3px 9px -3px #B0B0B0; -webkit-box-shadow: 0px 3px 9px -3px #B0B0B0; -moz-box-shadow: 0px 3px 9px -3px #B0B0B0; -o-box-shadow: 0px 3px 9px -3px #B0B0B0; margin-bottom: 10px; }
.container_page > .con > .page_box .col5_t > ul li input:last-child, .container_page > .con > .page_box .col5_t > ul li button:last-child { margin-bottom: 22px; }
.container_page > .con > .page_box .global_page > .col3_2 { display: flex; flex-wrap: wrap; width: 100%; }
.container_page > .con > .page_box .global_page > .col3_2 > div { width: calc((100% - 30px)/ 3); background-color: #F9F9F9; border-radius: 10px; padding: 20px 14px; height: 79px; margin-bottom: 17px; }
.container_page > .con > .page_box .global_page > .col3_2 > div > i { display: inline-block; background-image: url(../images/icons/f_1_icon1.png); background-position: center; background-repeat: no-repeat; height: 38px; width: 38px; background-size: 36px; display: table-cell; vertical-align: middle; }
.container_page > .con > .page_box .global_page > .col3_2 > div > p { width: 230px; color: #00B3AC; font-size: 18px; padding-left: 10px; display: table-cell; vertical-align: middle; }
.container_page > .con > .page_box .global_page > .col3_2 > div:nth-child(3n-1) { margin-right: 15px; margin-left: 15px; }
.container_page > .con > .page_box .global_page .global_pic { margin-top: 20px; margin-bottom: 50px; }
.container_page > .con > .page_box .global_page .global_pic > img { width: 100%; }
.container_page > .con > .page_box .global_page > .col2_l { margin-bottom: 56px; display: flex; }
.container_page > .con > .page_box .global_page > .col2_l > div { display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(1) { width: 575px; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(1) img { width: 100%; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(2) { width: calc((100% - 575px)); margin-left: 25px; height: 627px; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(2) > .box_f { width: 100%; height: auto; padding: 19px 22px; border-radius: 7px; margin-bottom: 22px; background-color: #F9F9F9; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(2) > .box_f > p:nth-child(1) { font-size: 18px; font-weight: bold; color: #00B3AC; }
.container_page > .con > .page_box .global_page > .col2_l > div:nth-child(2) > .box_f > p:nth-child(2) { font-size: 16px; color: #444444; }
.container_page > .con > .page_box .paper_day .paper_down label { font-size: 16px; color: #333333; }
.container_page > .con > .page_box .paper_day .paper_down .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 153px; height: 30px; border: 1px solid #309FD8; padding: 4px 13px; font-size: 16px; background-color: #fff; margin-right: 20px; }
.container_page > .con > .page_box .paper_day .paper_down .ui-menu .ui-menu-item-wrapper { position: relative; font-size: 16px !important; padding: 3px 1em 3px 14px; }
.container_page > .con > .page_box .paper_day .paper_down .ui-button .ui-icon, .container_page > .con > .page_box .paper_day .paper_down .ui-button:hover .ui-icon, .container_page > .con > .page_box .paper_day .paper_down .ui-state-focus .ui-icon, .container_page > .con > .page_box .paper_day .paper_down .ui-state-hover .ui-icon { background-image: url(../images/icons/down_icon.png); background-position: center; background-position: center; background-repeat: no-repeat; height: 18px; width: 18px; margin-top: 2px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .paper_day .paper_box { margin-top: 26px; padding: 25px 28px; background-color: #F9F9F9; }
.container_page > .con > .page_box .paper_day .paper_box .paper_yy_mm { color: #666666; height: 48px; margin-bottom: 35px; }
.container_page > .con > .page_box .paper_day .paper_box .paper_yy_mm span { color: #00B3AC; }
.container_page > .con > .page_box .paper_day .paper_box .paper_yy_mm b { font-size: 40px; font-weight: 400; }
.container_page > .con > .page_box .paper_day .paper_box .paper_btn { display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .paper_day .paper_box .paper_btn > a { width: calc((100% - 162px) / 10); height: 72px; margin-bottom: 24px; margin-right: 18px; padding-top: 16px; font-size: 26px; text-align: center; color: #666666; border: 1px #CCCCCC solid; border-radius: 10px; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: -o-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: linear-gradient(#ffffff 25%, #dddddd 100%); }
.container_page > .con > .page_box .paper_day .paper_box .paper_btn > a:nth-child(10n) { margin-right: 0px; }
.container_page > .con > .page_box .paper_day .paper_box .paper_btn > a:hover { border: none; background-image: none; background-color: #00B4AC; color: #fff; box-shadow: 0px 16px 32px -22px #242424; -webkit-box-shadow: 0px 16px 32px -22px #242424; -moz-box-shadow: 0px 16px 32px -22px #242424; -o-box-shadow: 0px 16px 32px -22px #242424; }
.container_page > .con > .page_box .paper_ww { width: 100%; }
.container_page > .con > .page_box .paper_ww > .col3 { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.container_page > .con > .page_box .paper_ww > .col3.h_m a div p:nth-child(1) { min-height: 75px; }
.container_page > .con > .page_box .paper_ww > .col3 a { width: calc((100% - 40px) / 3); margin-bottom: 20px; }
.container_page > .con > .page_box .paper_ww > .col3 a:nth-child(3n-1) { margin-right: 19px; margin-left: 20px; }
.container_page > .con > .page_box .paper_ww > .col3 a div { padding: 20px 22px 15px; border-radius: 5px; border: 1px #cccccc solid; height: 100%; box-shadow: 0px 0px 10px 0px #EDEDED; box-shadow: 0px 0px 10px 0px #EDEDED; -webkit-box-shadow: 0px 0px 10px 0px #EDEDED; -moz-box-shadow: 0px 0px 10px 0px #EDEDED; -o-box-shadow: 0px 0px 10px 0px #EDEDED; }
.container_page > .con > .page_box .paper_ww > .col3 a div > p { font-size: 18px; color: #525252; }
.container_page > .con > .page_box .paper_ww > .col3 a div > p:last-child { text-align: right; font-size: 13px; color: #00B2AC; margin-top: 8px; }
.container_page > .con > .page_box .paper_ww > .col3 a div:hover { border: none; background-color: #00B4AC; color: #fff; box-shadow: 0px 16px 32px -22px #242424; -webkit-box-shadow: 0px 16px 32px -22px #242424; -moz-box-shadow: 0px 16px 32px -22px #242424; -o-box-shadow: 0px 16px 32px -22px #242424; }
.container_page > .con > .page_box .paper_ww > .col3 a div:hover > p { color: #fff; }
.container_page > .con > .page_box .paper_ww > .col3 a div:hover > p:last-child { color: #fff; }
.container_page > .con > .page_box .news_box { margin-bottom: 25px; }
.container_page > .con > .page_box .news_box > a > .box { border-radius: 5px; position: relative; padding: 14px 24px 10px; margin-bottom: 8px; border: 2px solid #fff; box-shadow: 0px 0px 6px -4px #787878; -webkit-box-shadow: 0px 0px 6px -4px #787878; -moz-box-shadow: 0px 0px 6px -4px #787878; -o-box-shadow: 0px 0px 6px -4px #787878; }
.container_page > .con > .page_box .news_box > a > .box:hover { border: 2px solid #01B5AD; background-color: #F9F9F9; }
.container_page > .con > .page_box .news_box > a > .box p { font-size: 18px; color: #444444; border-radius: 5px; }
.container_page > .con > .page_box .news_box > a > .box p:nth-child(1) { font-size: 15px; color: #00B2AC; margin-right: 38px; }
.container_page > .con > .page_box .news_box > a > .box p:nth-child(2) { font-size: 18px; color: #444444; }
.container_page > .con > .page_box .news_box > a > .box p:nth-child(3) { position: absolute; top: 35%; right: 24px; font-size: 13px; color: #00B3AC; }
.container_page > .con > .page_box .news_more_page { width: 100%; position: relative; margin-top: 10px; }
.container_page > .con > .page_box .news_more_page > a > div { position: relative; width: 100px; height: 30px; background-color: #ECECEC; padding: 4px 10px; text-align: center; display: table-cell; }
.container_page > .con > .page_box .news_more_page > a > div i { background-image: url(../images/f10_1_1_icon1.png); background-position: center; background-repeat: no-repeat; height: 15px; width: 28px; margin-right: 10px; background-size: 14px; display: table-cell; }
.container_page > .con > .page_box .news_more_page > a > div > p { font-size: 15px; color: #444444; display: inline-block; display: table-cell; }
.container_page > .con > .page_box .news_more_page > .more_page { position: absolute; top: 0px; right: 0px; }
.container_page > .con > .page_box .news_more_page > .more_page > a > div { width: 100px; height: 30px; border: 1px solid #CCCCCC; padding: 4px 14px; display: inline-block; }
.container_page > .con > .page_box .news_more_page > .more_page > a > div p { font-size: 15px; color: #444444; display: table-cell; }
.container_page > .con > .page_box .news_more_page > .more_page > a:nth-child(1) > div i { background-image: url(../images/icons/f10_1_1_icon2.png); background-position: center; background-repeat: no-repeat; width: 12px; height: 6px; margin-right: 10px; background-size: 12px; display: table-cell; }
.container_page > .con > .page_box .news_more_page > .more_page > a:nth-child(1) > div p { padding-left: 10px; }
.container_page > .con > .page_box .news_more_page > .more_page > a:nth-child(2) > div i { background-image: url(../images/icons/f10_1_1_icon3.png); background-position: center; background-repeat: no-repeat; width: 12px; height: 6px; margin-right: 10px; background-size: 12px; display: table-cell; }
.container_page > .con > .page_box .news_more_page > .more_page > a:nth-child(2) > div p { padding-right: 10px; }
.container_page > .con > .page_box .news_more_page_bottom { width: 100%; position: relative; margin: 0 auto; text-align: center; margin-top: 40px; margin-bottom: 50px; }
.container_page > .con > .page_box .news_more_page_bottom > a > div { position: relative; width: 100px; height: 30px; background-color: #ECECEC; padding: 4px 10px; text-align: center; display: inline-block; }
.container_page > .con > .page_box .news_more_page_bottom > a > div i { background-image: url(../images/f10_1_1_icon1.png); background-position: center; background-repeat: no-repeat; height: 15px; width: 28px; margin-right: 10px; background-size: 14px; display: table-cell; }
.container_page > .con > .page_box .news_more_page_bottom > a > div > p { font-size: 15px; color: #444444; display: inline-block; display: table-cell; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page { display: inline-block; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a > div { width: 100px; height: 30px; border: 1px solid #CCCCCC; padding: 4px 14px; display: inline-block; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a > div p { font-size: 15px; color: #444444; display: table-cell; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a:nth-child(1) > div i { background-image: url(../images/icons/f10_1_1_icon2.png); background-position: center; background-repeat: no-repeat; width: 12px; height: 6px; margin-right: 10px; background-size: 12px; display: table-cell; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a:nth-child(1) > div p { padding-left: 10px; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a:nth-child(2) > div i { background-image: url(../images/icons/f10_1_1_icon3.png); background-position: center; background-repeat: no-repeat; width: 12px; height: 6px; margin-right: 10px; background-size: 12px; display: table-cell; }
.container_page > .con > .page_box .news_more_page_bottom > .more_page > a:nth-child(2) > div p { padding-right: 10px; }
.container_page > .con > .page_box .news_more_box { margin-top: 24px; width: 100%; }
.container_page > .con > .page_box .news_more_box .more_title_box { padding: 20px 16px; background-color: #F6F6F6; border-top: 1px solid #999999; }
.container_page > .con > .page_box .news_more_box .more_title_box p:nth-child(1) { font-size: 15px; color: #00B2AC; }
.container_page > .con > .page_box .news_more_box .more_title_box p:nth-child(2) { margin-top: 5px; font-size: 30px; color: #000000; }
.container_page > .con > .page_box .news_more_box .more_txt_box { margin-top: 28px; }
.container_page > .con > .page_box .news_more_box .more_txt_box h4 { font-size: 18px; color: #333333; line-height: 150%; margin-bottom: 20px; }
.container_page > .con > .page_box .news_more_box .more_txt_box h3 { font-size: 20px; color: #0085D1; }
.container_page > .con > .page_box .news_more_box .more_txt_box > ul > li { margin-left: 38px; margin-bottom: 30px; color: #333333; font-size: 18px; }
.container_page > .con > .page_box .news_more_box .more_txt_box > ul > li > ul > li { font-size: 18px; color: #000000; margin-left: 48px; text-indent: -16px; margin-top: 12px; margin-bottom: 32px; }
.container_page > .con > .page_box .news_more_box .more_txt_box > ul > li > ul > li > ul { margin-top: 12px; }
.container_page > .con > .page_box .news_more_box .more_txt_box > ul > li > ul > li > ul > li { font-size: 16px; color: #333333; margin-left: 40px; text-indent: -23px; margin-bottom: 8px; line-height: 160%; }
.container_page > .con > .page_box .propaganda_col4 { width: 100%; display: flex; flex-wrap: wrap; padding-right: 35px; padding-left: 35px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box { width: calc((100% - 90px) / 4); margin-right: 30px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box.mt45 { margin-top: 45px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box:nth-child(4n) { margin-right: 0px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box > h5 { font-size: 18px; color: #00B3AC; margin-bottom: 10px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box .box_p { margin-bottom: 40px; }
.container_page > .con > .page_box .propaganda_col4 .propaganda_box .box_p div { padding: 8px 11px; border-radius: 6px; border: 1px #CCCCCC solid; margin-bottom: 5px; font-size: 15px; color: #333333; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: -o-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: linear-gradient(#ffffff 25%, #dddddd 100%); }
.container_page > .con > .page_box .propaganda_col1 { width: 100%; display: flex; flex-wrap: wrap; padding-right: 35px; padding-left: 35px; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box { width: 100%; margin-bottom: 50px; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box > h5 { font-size: 18px; color: #00B3AC; margin-bottom: 10px; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc { width: 100%; display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p { width: calc((100% - 90px) / 4); margin-bottom: 0px; margin-right: 30px; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p:nth-child(4n) { margin-right: 0px; }
.container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p div { padding: 8px 11px; border-radius: 6px; border: 1px #CCCCCC solid; margin-bottom: 5px; font-size: 15px; color: #333333; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: -o-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: linear-gradient(#ffffff 25%, #dddddd 100%); }
.container_page > .con > .page_box .video_p .video__down label { font-size: 16px; color: #333333; margin-right: 4px; }
.container_page > .con > .page_box .video_p .video__down .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 264px; height: 30px; border: 1px solid #309FD8; padding: 3px 13px; font-size: 16px; background-color: #fff; margin-right: 20px; }
.container_page > .con > .page_box .video_p .video__down .ui-menu .ui-menu-item-wrapper { position: relative; font-size: 16px !important; padding: 3px 1em 3px 14px; }
.container_page > .con > .page_box .video_p .video__down .ui-button .ui-icon, .container_page > .con > .page_box .video_p .video__down .ui-button:hover .ui-icon, .container_page > .con > .page_box .video_p .video__down .ui-state-focus .ui-icon, .container_page > .con > .page_box .video_p .video__down .ui-state-hover .ui-icon { background-image: url(../images/icons/down_icon.png); background-position: center; background-position: center; background-repeat: no-repeat; height: 18px; width: 18px; background-size: cover; display: inline-block; margin-top: 2px; }
.container_page > .con > .page_box .video_col3 { margin-top: 26px; }
.container_page > .con > .page_box .video_col3 .video_box { width: 100%; display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .video_col3 .video_box > div { width: calc((100% - 44px) / 3); margin-right: 22px; }
.container_page > .con > .page_box .video_col3 .video_box > div:nth-child(3n) { margin-right: 0px; }
.container_page > .con > .page_box .video_col3 .video_box > div .video_pic1 { background-image: url(../images/f9_0_img1.jpg); background-position: center; background-position: center; background-repeat: no-repeat; height: 186px; width: 303px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .video_col3 .video_box > div .video_pic1 i { background-image: url(../images/f9_icon.png); background-position: center; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; background-size: 54px; display: inline-block; }
.container_page > .con > .page_box .video_col3 .video_box > div .video_txt p { margin-top: 3px; margin-bottom: 42px; font-size: 16px; color: #444444; }
.container_page > .con > .page_box .video_col3 .video_box > div .video_1 { background-position: center; background-position: center; background-repeat: no-repeat; height: 186px; width: 100%; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .video_col3 .video_box > div .video_1 i { background-image: url(../images/f9_icon.png); background-position: center; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; background-size: 54px; display: inline-block; }
.container_page > .con > .page_box .open_box_6 h3 { font-size: 26px; margin-top: 0px; margin-bottom: 0px; }
.container_page > .con > .page_box .open_box_6 .open_list { width: 100%; margin-top: 32px; margin-bottom: 40px; }
.container_page > .con > .page_box .open_box_6 .open_list > .box { padding: 22px 50px; background-color: #F9F9F9; display: table; margin-bottom: 6px; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box { display: table-cell; vertical-align: middle; width: 73px; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_1 { background-image: url(../images/f6_1_1_icon1.png); background-position: center; background-repeat: no-repeat; width: 63px; height: 63px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_2 { background-image: url(../images/f6_1_1_icon2.png); background-position: center; background-repeat: no-repeat; width: 62px; height: 74px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_3 { background-image: url(../images/f6_1_1_icon3.png); background-position: center; background-repeat: no-repeat; width: 73px; height: 61px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_4 { background-image: url(../images/f6_1_1_icon4.png); background-position: center; background-repeat: no-repeat; width: 67px; height: 59px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_5 { background-image: url(../images/leverage_3_4_icon1.png); background-position: center; background-repeat: no-repeat; width: 71px; height: 67px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_6 { background-image: url(../images/leverage_3_4_icon2.png); background-position: center; background-repeat: no-repeat; width: 89px; height: 80px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_7 { background-image: url(../images/leverage_3_4_icon3.png); background-position: center; background-repeat: no-repeat; width: 85px; height: 76px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box .f6_1_8 { background-image: url(../images/leverage_3_4_icon4.png); background-position: center; background-repeat: no-repeat; width: 77px; height: 64px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box { width: 715px; padding-left: 22px; display: table-cell; vertical-align: middle; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box h4 { font-size: 18px; color: #0085D1; margin-top: 0px; margin-bottom: 8px; }
.container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box p { font-size: 16px; color: #444444; }
.container_page > .con > .page_box .open_box_6 .open_txt_box { margin-top: 20px; margin-bottom: 70px; }
.container_page > .con > .page_box .open_box_6 .open_txt_box p { font-size: 16px; line-height: 160%; margin-bottom: 20px; }
.container_page > .con > .page_box .open_box_6 .open_pic_box { text-align: center; }
.container_page > .con > .page_box .open_box_6 .open_pic_box > img { width: 622px; height: 960px; margin-top: 23px; margin-bottom: 45px; }
.container_page > .con > .page_box .open_paper_6 { margin-bottom: 40px; }
.container_page > .con > .page_box .open_paper_6 .open_paper { display: flex; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box { width: calc((100% - 18px) / 2); margin-right: 18px; background-color: #E8F4F9; border-radius: 5px; padding: 24px 28px; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box > div { background-color: #fff; min-height: 357px; padding: 28px 20px; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box > div > div { position: relative; margin-bottom: 18px; display: flex; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box > div > div > p { font-size: 16px; color: #525252; width: calc(100% - 32px); }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box > div > div > i { background-image: url(../images/f6_1_2_icon1.png); background-position: center; background-repeat: no-repeat; width: 21px; height: 21px; margin-right: 8px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box:nth-child(2n) { margin-right: 0px; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box h3 { text-align: center; font-size: 26px; margin-bottom: 18px; }
.container_page > .con > .page_box .open_paper_6 .open_paper .paper_box h3 span { color: #00B3AC; }
.container_page > .con > .page_box .data_change h3 { font-size: 26px; margin-top: 24px; color: #333333; }
.container_page > .con > .page_box .data_change > p { font-size: 16px; margin-top: 24px; color: #444444; line-height: 26px; margin-left: 35px; text-indent: -32px; }
.container_page > .con > .page_box .data_change > p:last-child { margin-bottom: 40px; }
.container_page > .con > .page_box .data_change .data_change_box { margin-top: 14px; padding-left: 36px; display: flex; }
.container_page > .con > .page_box .data_change .data_change_box > div { width: 275px; background-color: #E8F4F9; border-radius: 5px; margin-right: 18px; padding: 20px; padding-top: 10px; }
.container_page > .con > .page_box .data_change .data_change_box > div:nth-child(3) { margin-right: 0px; }
.container_page > .con > .page_box .data_change .data_change_box > div > p { display: table-cell; vertical-align: top; }
.container_page > .con > .page_box .data_change .data_change_box > div > p:nth-child(1) { width: 26px; font-size: 40px; font-weight: bold; color: #0087D1; padding-right: 10px; }
.container_page > .con > .page_box .data_change .data_change_box > div > p:nth-child(2) { width: 100%; padding-top: 10px; font-size: 18px; }
.container_page > .con > .page_box .data_explain > h3 { font-size: 26px; margin-top: 30px; color: #333333; margin-top: 0; margin-bottom: 16px; }
.container_page > .con > .page_box .data_explain > h4 { font-size: 18px; color: #FF5B26; margin-bottom: 18px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box { background-color: #F9F9F9; margin-bottom: 17px; padding: 38px 40px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box h5 { font-size: 24px; font-weight: bold; margin-top: 0px; margin-bottom: 36px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box h5 span { font-size: 22px; color: #FF5B26; font-weight: 400; margin-left: 12px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div { display: flex; align-items: center; margin-bottom: 20px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div:last-child { margin-bottom: 0px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_1 { background-image: url(../images/f6_2_2_icon1.png); background-position: center; background-repeat: no-repeat; width: 32px; height: 36px; margin-left: 30px; margin-right: 12px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_2 { background-image: url(../images/f6_2_2_icon2.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 29px; margin-left: 30px; margin-right: 5px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_3 { background-image: url(../images/f6_2_2_icon3.png); background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; margin-left: 30px; margin-right: 10px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_4 { background-image: url(../images/f6_2_2_icon4.png); background-position: center; background-repeat: no-repeat; width: 40px; height: 37px; margin-left: 27px; margin-right: 4px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_1 { background-image: url(../images/f6_6_icon1.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 27px; margin-left: 30px; margin-right: 9px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_2 { background-image: url(../images/f6_6_icon2.png); background-position: center; background-repeat: no-repeat; width: 34px; height: 29px; margin-left: 30px; margin-right: 10px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_3 { background-image: url(../images/f6_6_icon3.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 30px; margin-left: 30px; margin-right: 13px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_4 { background-image: url(../images/f6_6_icon4.png); background-position: center; background-repeat: no-repeat; width: 39px; height: 30px; margin-left: 28px; margin-right: 8px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_5 { background-image: url(../images/f6_6_icon5.png); background-position: center; background-repeat: no-repeat; width: 34px; height: 33px; margin-left: 30px; margin-right: 10px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box { width: calc(100% - 60px); display: flex; align-items: center; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(1) { font-size: 14px; color: #CCCCCC; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(2) { font-size: 35px; font-weight: bold; font-style: italic; color: #CCCCCC; margin-right: 14px; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(3) { font-size: 17px; color: #444; }
.container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(3) span { color: #FF5926; }
.container_page > .con > .page_box .data_explain_txt { margin-bottom: 40px; }
.container_page > .con > .page_box .data_explain_txt h5 { margin-top: 30px; font-size: 16px; color: #202020; font-weight: bold; }
.container_page > .con > .page_box .data_explain_txt p { font-size: 15px; color: #444444; margin-left: 35px; margin-bottom: 10px; text-indent: -32px; }
.container_page > .con > .page_box .paper_down { margin-top: 26px; }
.container_page > .con > .page_box .paper_down .down_box { width: 100%; }
.container_page > .con > .page_box .paper_down > h3 { color: #00B2AC; margin-top: 28px; margin-bottom: 22px; font-size: 24px; }
.container_page > .con > .page_box .paper_down > h3.txt_b { font-size: 26px; color: #333333; }
.container_page > .con > .page_box .paper_down .paper_down_col2 { display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a { margin-bottom: 20px; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a > div { height: 100%; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a > div > p:nth-child(1) { font-size: 15px; color: #00B3AC; margin-bottom: 0px; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a > div > p:nth-child(2) { font-size: 18px; color: #333; margin-top: 5px; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a > div > p:nth-child(3) { font-size: 16px; color: #333; }
.container_page > .con > .page_box .paper_down .paper_down_col2.c3 > a > div > i { background-image: url(../images/pdf_down.png); background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; top: 38px; right: 24px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a { width: calc((100% - 26px) /2); margin-right: 26px; margin-bottom: 20px; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a:nth-child(2n) { margin-right: 0px; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a > div { position: relative; height: 100%; background-color: #F6F6F6; border-radius: 5px; border: 1px solid #DDDDDD; padding: 20px; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a > div p:nth-child(1) { font-size: 15px; color: #00B3AC; margin-bottom: 0px; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a > div p:nth-child(2) { font-size: 18px; color: #333; }
.container_page > .con > .page_box .paper_down .paper_down_col2 > a > div > i { background-image: url(../images/pdf_down.png); background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; top: 27px; right: 24px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .paper_down .down_p .down__down label { font-size: 16px; color: #333333; margin-right: 4px; }
.container_page > .con > .page_box .paper_down .down_p .down__down .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 240px; height: 30px; border: 1px solid #309FD8; padding: 3px 13px; font-size: 16px; background-color: #fff; margin-right: 20px; }
.container_page > .con > .page_box .paper_down .down_p .down__down .ui-menu .ui-menu-item-wrapper { position: relative; font-size: 16px !important; padding: 3px 1em 3px 14px; }
.container_page > .con > .page_box .paper_down .down_p .down__down .ui-button .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-button:hover .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-state-focus .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-state-hover .ui-icon { background-image: url(../images/icons/down_icon.png); margin-top: 2px; background-position: center; background-position: center; background-repeat: no-repeat; height: 18px; width: 18px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .online_sign { margin-bottom: 40px; }
.container_page > .con > .page_box .online_sign h2 { font-size: 26px; margin-bottom: 24px; }
.container_page > .con > .page_box .online_sign > p { font-size: 16px; color: #333333; margin-bottom: 18px; margin-left: 33px; text-indent: -33px; }
.container_page > .con > .page_box .online_sign .online_sign_box { background-color: #F9F9F9; padding-top: 34px; padding-bottom: 24px; margin-bottom: 36px; }
.container_page > .con > .page_box .online_sign .online_sign_box .sign_box { display: flex; flex-wrap: wrap; align-self: center; justify-content: center; align-items: center; }
.container_page > .con > .page_box .online_sign .online_sign_box .sign_box > div { position: relative; text-align: center; background-color: #fff; padding-right: 30px; padding-left: 30px; padding-bottom: 16px; border-radius: 5px; }
.container_page > .con > .page_box .online_sign .online_sign_box .sign_box > div > div { width: 39px; height: 39px; position: inherit; top: -17px; background-color: #FF5C26; color: #fff; border-radius: 100px; margin: 0 auto; padding-top: 3px; font-size: 25px; font-weight: bold; }
.container_page > .con > .page_box .online_sign .online_sign_box .sign_box > i { background-image: url(../images/f6_5icon.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 80px; height: 25px; background-size: cover; display: inline-block; margin-right: 14px; margin-left: 14px; margin-right: 8px; }
.container_page > .con > .page_box .online_opening .online_box { display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .online_opening .online_box > i { width: 103px; height: 32px; background-color: #666666; color: #fff; padding: 6px 14px; margin-bottom: 10px; display: inline-block; }
.container_page > .con > .page_box .online_opening .online_box > p { width: calc(100% - 120px); font-size: 16px; margin-top: 7px; margin-left: 10px; margin-bottom: 16px; }
@media (max-width: 768px) { .container_page > .con > .page_box .online_opening .online_box > i { width: 125px; }
  .container_page > .con > .page_box .online_opening .online_box > p { width: 100%; font-size: 16px; margin-top: 0px; margin-left: 0px; margin-bottom: 16px; } }
.container_page > .con > .page_box .online_opening .opening_box { width: 100%; display: flex; justify-content: center; background-color: #F9F9F9; padding-top: 36px; padding-bottom: 36px; text-align: center; }
.container_page > .con > .page_box .online_opening .opening_box > div { width: calc((100% - 150px) /4); }
.container_page > .con > .page_box .online_opening .opening_box .opening_icon_1 { background-image: url(../images/f6_7_1_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .online_opening .opening_box .opening_icon_2 { background-image: url(../images/f6_7_1_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .online_opening .opening_box .opening_icon_3 { background-image: url(../images/f6_7_1_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .online_opening .opening_box .opening_icon_4 { background-image: url(../images/f6_7_1_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .online_opening .opening_box .opening_icon_5 { background-image: url(../images/f6_7_1_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 44px; height: 17px; background-size: cover; display: flex; align-self: center; margin-top: 135px; }
.container_page > .con > .page_box .online_opening .opening_box h3 { font-size: 24px; font-weight: bold; margin-top: 20px; }
.container_page > .con > .page_box .online_opening .opening_box p:nth-child(2) { font-size: 18px; color: #00B2AC; margin-top: -10px; height: 50px; }
.container_page > .con > .page_box .online_opening .opening_box p:nth-child(2) span { font-size: 40px; font-style: italic; font-weight: bold; }
.container_page > .con > .page_box .online_opening .opening_box p:nth-child(3) { font-size: 22px; font-weight: bold; color: #444444; }
.container_page > .con > .page_box .online_opening > .btn_box { text-align: center; padding-top: 20px; padding-bottom: 40px; }
.container_page > .con > .page_box .online_opening > .btn_box > button { width: 192px; height: 57px; border-radius: 15px; border: none; background-color: #0085D1; color: #FFFFFF; box-shadow: 0px 9px 14px -8px #949494; -webkit-box-shadow: 0px 9px 14px -8px #949494; -moz-box-shadow: 0px 9px 14px -8px #949494; -o-box-shadow: 0px 9px 14px -8px #949494; }
.container_page > .con > .page_box .online_opening_2 h3 { font-size: 18px; margin-bottom: 16px; }
.container_page > .con > .page_box .online_opening_2 > button { display: none; }
.container_page > .con > .page_box .online_opening_2 .online_btn_box button { width: 317px; height: 50px; border: 1px solid #0085CC; background-color: #fff; border-radius: 10px; margin-right: 8px; }
.container_page > .con > .page_box .online_opening_2 .online_btn_box button.active { background-color: #0085CC; color: #fff; box-shadow: 0px 9px 14px -8px #949494; -webkit-box-shadow: 0px 9px 14px -8px #949494; -moz-box-shadow: 0px 9px 14px -8px #949494; -o-box-shadow: 0px 9px 14px -8px #949494; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box { position: relative; background-color: #F9F9F9; margin-top: 20px; padding: 28px; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box > .now { display: none; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box:last-child { margin-bottom: 40px; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 h2 { font-size: 26px; margin-top: 0; margin-bottom: 13px; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 p { font-size: 16px; margin-bottom: 34px; color: #444444; line-height: 150%; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 .now { border: none; width: 132px; height: 40px; border-radius: 10px; background-color: #0085D1; color: #fff; box-shadow: 0px 9px 14px -8px #949494; -webkit-box-shadow: 0px 9px 14px -8px #949494; -moz-box-shadow: 0px 9px 14px -8px #949494; -o-box-shadow: 0px 9px 14px -8px #949494; position: absolute; right: 25px; top: 67px; display: flex; align-items: center; justify-content: center; }
.container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 .now a { display: inline-block; width: 100%; height: 100%; line-height: 40px; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li { display: table; border-top: 1px solid #AAAAAA; width: 100%; padding: 8px 20px; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li:nth-child(1) { border-top: 2px solid #444444; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li:last-child > div { vertical-align: top; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div { font-size: 16px; display: table-cell; color: #444444; line-height: 150%; vertical-align: middle; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(1) { width: 150px; color: #868686; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(2) { display: flex; flex-wrap: wrap; align-items: center; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(2) > i { background-image: url(../images/f6_7_2_pdf.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; background-size: cover; display: inline-block; margin-right: 8px; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(2) > i a { display: inline-block; width: 100%; height: 100%; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(2) > p { display: inline-block; width: 85%; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box { display: table; width: 32%; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div { display: table-cell; vertical-align: top; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .apple_icon { background-image: url(../images/f6_7_2_img1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 109px; height: 35px; background-size: cover; display: block; margin-top: 8px; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .apple_icon:hover { background-image: url(../images/f6_7_2_img1_h.png); }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .google_icon { background-image: url(../images/f6_7_2_img2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 109px; height: 35px; background-size: cover; display: inline-block; margin-top: 8px; }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .google_icon:hover { background-image: url(../images/f6_7_2_img2_h.png); }
.container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .qr_icon { background-image: url(../images/f6_7_2_img3.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 87px; height: 88px; margin-top: 8px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .privacy h2 { font-size: 26px; color: #333333; margin-top: 32px; margin-bottom: 32px; }
.container_page > .con > .page_box .privacy ul { margin-bottom: 40px; }
.container_page > .con > .page_box .privacy ul li { font-size: 16px; color: #444444; margin-top: 10px; }
.container_page > .con > .page_box .privacy ul li > ul { margin-bottom: 20px; }
.container_page > .con > .page_box .privacy ul li > ul > li { margin-left: 50px; text-indent: -18px; }
.container_page > .con > .page_box .privacy ul li > ul > li > ul > li { margin-left: 23px; text-indent: -23px; }
.container_page > .con > .page_box .qa_btn_box { display: flex; margin-bottom: 10px; }
.container_page > .con > .page_box .qa_btn_box div { width: 110px; height: 30px; border-radius: 5px; border: 1px solid #CCCCCC; margin-right: 8px; padding: 4px 10px; text-align: center; }
.container_page > .con > .page_box .qa_btn_box div > p { font-size: 16px; color: #00B2AC; }
.container_page > .con > .page_box .qa_box_7 { background-color: #F9F9F9; padding: 16px 20px; margin-bottom: 18px; }
.container_page > .con > .page_box .qa_box_7:last-child { margin-bottom: 32px; }
.container_page > .con > .page_box .qa_box_7 h2 { font-size: 26px; }
.container_page > .con > .page_box .team_btn_box { display: flex; }
.container_page > .con > .page_box .team_btn_box > a > div { min-width: 184px; padding-right: 20px; padding-left: 26px; height: 50px; margin-right: 10px; border-radius: 5px; background-color: #E8F4F9; display: flex; align-items: center; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon1 { background-image: url(../images/f4_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 36px; height: 38px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon2 { background-image: url(../images/f4_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 36px; height: 40px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon3 { background-image: url(../images/icons/f4_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 40px; height: 40px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon4 { background-image: url(../images/f4_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 29px; height: 38px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon5 { background-image: url(../images/ab_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon6 { background-image: url(../images/ab_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon7 { background-image: url(../images/ab_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > i.f4_btn_icon8 { background-image: url(../images/ab_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .team_btn_box > a > div > p { display: inline-block; margin-left: 7px; font-size: 20px; color: #333333; }
.container_page > .con > .page_box .team_btn_box > a > div.active { background-color: #FF5C26; }
.container_page > .con > .page_box .team_btn_box > a > div.active > p { color: #fff; }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon1 { background-image: url(../images/f4_icon1_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon2 { background-image: url(../images/f4_icon2_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon3 { background-image: url(../images/f4_icon3_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon4 { background-image: url(../images/f4_icon4_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon5 { background-image: url(../images/ab_icon1_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon6 { background-image: url(../images/ab_icon2_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon7 { background-image: url(../images/ab_icon3_2.png); }
.container_page > .con > .page_box .team_btn_box > a > div.active > i.f4_btn_icon8 { background-image: url(../images/ab_icon4_2.png); }
.container_page > .con > .page_box .team_box { padding-top: 36px; padding-right: 28px; padding-bottom: 20px; padding-left: 28px; background-color: #F9F9F9; margin-top: 20px; }
.container_page > .con > .page_box .team_box h1 { font-size: 42px; margin-bottom: 10px; font-weight: 600; }
.container_page > .con > .page_box .team_box h5 { font-size: 18px; color: #1F1F1F; font-weight: 600; line-height: 160%; }
.container_page > .con > .page_box .team_box img { width: 100%; margin-bottom: 66px; }
.container_page > .con > .page_box .team_box .imgCenter { text-align: center; }
.container_page > .con > .page_box .team_box .imgCenter img { width: auto; max-width: 100%; margin: 0 auto; }
.container_page > .con > .page_box .multi_product_box { background-color: #F9F9F9; padding: 78px 28px 40px; margin-top: 20px; }
.container_page > .con > .page_box .multi_product_box .mt35 { margin-top: 35px; }
.container_page > .con > .page_box .multi_product_box .mt25 { margin-top: 25px; }
.container_page > .con > .page_box .multi_product_box h1 { font-weight: 600; }
.container_page > .con > .page_box .multi_product_box .product_box { display: flex; }
.container_page > .con > .page_box .multi_product_box .product_box p { font-size: 18px; color: #202020; line-height: 160%; }
.container_page > .con > .page_box .multi_product_box .product_box p.bold { font-weight: 600; }
.container_page > .con > .page_box .multi_product_box .product_box p span { color: #FF5926; }
.container_page > .con > .page_box .multi_product_box .product_box div:nth-child(1) { width: 400px; text-align: center; }
.container_page > .con > .page_box .multi_product_box .product_box div:nth-child(1) img { width: 400px; }
.container_page > .con > .page_box .multi_product_box .product_box div:nth-child(2) { width: calc(100% - 400px); }
@media (max-width: 768px) { .container_page > .con > .page_box .multi_product_box .product_box div:nth-child(1) img { width: 100%; } }
.container_page > .con > .page_box .property { margin-top: 40px; margin-bottom: 58px; }
.container_page > .con > .page_box .property h2 { margin-top: 0; margin-bottom: 0; font-size: 26px; font-weight: bold; }
.container_page > .con > .page_box .property .property_box { background-color: #fff; padding-right: 48px; padding-left: 48px; padding-top: 32px; padding-bottom: 18px; margin-bottom: 6px; display: flex; align-items: center; }
.container_page > .con > .page_box .property .property_box > div:nth-child(1) { width: 70px; }
.container_page > .con > .page_box .property .property_box > div:nth-child(2) { width: calc(100% - 70px); padding-left: 40px; }
.container_page > .con > .page_box .property .property_box > div:nth-child(2) h3 { font-size: 18px; color: #0085D1; font-weight: bold; margin-top: 0; margin-bottom: 4px; }
.container_page > .con > .page_box .property .property_box > div:nth-child(2) p { font-size: 16px; color: #444444; line-height: 160%; }
.container_page > .con > .page_box .property .property_box .f4_4_icon1 { background-image: url(../images/f4_4_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 70px; height: 59px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon2 { background-image: url(../images/f4_4_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 64px; height: 65px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon3 { background-image: url(../images/f4_4_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 67px; height: 67px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon4 { background-image: url(../images/ab2_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 68px; height: 78px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon5 { background-image: url(../images/ab2_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 74px; height: 72px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon6 { background-image: url(../images/ab2_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 74px; height: 70px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon7 { background-image: url(../images/ab2_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 75px; height: 78px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .property_box .f4_4_icon8 { background-image: url(../images/ab2_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 76px; height: 85px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .strategy_box { display: flex; margin-top: 16px; align-items: baseline; padding: 0 50px; }
.container_page > .con > .page_box .property .strategy_box > div { width: calc((100% -60px)/4); text-align: center; }
.container_page > .con > .page_box .property .strategy_box > div .stp { margin-top: -18px; font-size: 18px; color: #00B2AC; height: 51px; }
.container_page > .con > .page_box .property .strategy_box > div .stp span { font-size: 40px; font-weight: bold; font-style: italic; }
.container_page > .con > .page_box .property .strategy_box > div h4 { font-size: 22px; margin-top: 0px; margin-bottom: 4px; font-weight: bold; }
.container_page > .con > .page_box .property .strategy_box > div .p3 { font-size: 16px; color: #444444; }
.container_page > .con > .page_box .property .strategy_box > div .p3 span { display: block; }
.container_page > .con > .page_box .property .strategy_box > div .f4_4_icon4 { background-image: url(../images/f4_4_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .strategy_box > div .f4_4_icon5 { background-image: url(../images/f4_4_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .strategy_box > div .f4_4_icon6 { background-image: url(../images/f4_4_icon6.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .strategy_box > div .f4_4_icon7 { background-image: url(../images/f4_4_icon7.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .strategy_box .strategy_r { background-image: url(../images/f6_7_1_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 46px; height: 17px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .property .portfolio_4 > p { margin-top: 12px; margin-bottom: 22px; color: #444444; }
.container_page > .con > .page_box .property .portfolio_4 .boxs { display: flex; align-content: center; background-color: #fff; padding: 24px 48px; margin-bottom: 10px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16); }
.container_page > .con > .page_box .property .portfolio_4 .boxs h5 { font-size: 22px; color: #0085D1; margin-top: 0; margin-bottom: 0; }
.container_page > .con > .page_box .property .portfolio_4 .boxs > p { width: calc(100% - 80px); padding-left: 40px; font-size: 16px; color: #444444; align-items: center; display: flex; }
.container_page > .con > .page_box .property .portfolio_4.style2 .boxs { padding: 24px 48px 24px 40px; }
.container_page > .con > .page_box .property .portfolio_4.style2 .boxs h5 { width: 145px; }
.container_page > .con > .page_box .property .toll > p { font-size: 16px; color: #444444; margin-top: 12px; margin-bottom: 18px; }
.container_page > .con > .page_box .property .toll .toll_box { display: flex; }
.container_page > .con > .page_box .property .toll .toll_box > div { width: calc((100% - 52px)/3); background-color: #E8F4F9; border-radius: 5px; padding-top: 16px; padding-bottom: 16px; padding-left: 28px; padding-right: 28px; margin-bottom: 40px; }
.container_page > .con > .page_box .property .toll .toll_box > div:nth-child(2n) { margin-right: 26px; margin-left: 26px; }
.container_page > .con > .page_box .property .toll .toll_box > div h5 { font-size: 22px; color: #0085D1; margin-bottom: 0px; margin-top: 0; }
.container_page > .con > .page_box .property .toll .toll_box > div p { font-size: 16px; color: #444; }
.container_page > .con > .page_box .long_and_empty h5 { font-size: 18px; color: #333; line-height: 160%; margin-bottom: 60px; }
.container_page > .con > .page_box .long_and_empty .empty_btn_box { background-color: #0085CC; border-radius: 5px; color: #fff; padding: 15px 0px; display: flex; align-items: center; justify-content: center; }
.container_page > .con > .page_box .long_and_empty .empty_btn_box p { font-size: 50px; font-weight: bold; margin-right: 45px; margin-left: 45px; }
.container_page > .con > .page_box .long_and_empty .empty_btn_box button { font-size: 25px; width: 100px; height: 80px; font-weight: bold; color: #0085CC; line-height: 120%; border: none; border-radius: 5px; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: -o-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: linear-gradient(#ffffff 0%, #eeeeee 74%); }
.container_page > .con > .page_box .long_and_empty .empty_btn_box button > span { display: block; }
.container_page > .con > .page_box .long_and_empty .empty_btn_box i { background-image: url(../images/f3_1_2_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 118px; height: 124px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .empty_qr_box { display: flex; align-items: center; justify-content: center; margin-top: 68px; margin-bottom: 55px; }
.container_page > .con > .page_box .empty_qr_box h5 { font-size: 45px; margin-right: 40px; color: #FF7F00; font-style: italic; font-weight: bold; }
.container_page > .con > .page_box .empty_qr_box i { background-image: url(../images/f3_1_2_img1.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 128px; height: 122px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .empty_six_box { background-color: #F9F9F9; padding-top: 28px; padding-bottom: 12px; padding-right: 30px; padding-left: 30px; }
.container_page > .con > .page_box .empty_six_box h5 { font-size: 26px; margin-top: 0; margin-bottom: 32px; }
.container_page > .con > .page_box .empty_six_box .six_box { display: flex; flex-wrap: wrap; justify-content: center; }
.container_page > .con > .page_box .empty_six_box .six_box > div { width: calc((100% - 124px)/3); display: flex; margin-bottom: 40px; align-items: center; }
.container_page > .con > .page_box .empty_six_box .six_box > div:nth-child(3n-1) { margin-right: 60px; margin-left: 60px; }
.container_page > .con > .page_box .empty_six_box .six_box > div i { width: 96px; height: 96px; border-radius: 10px; background-color: #1ABCB5; color: #fff; display: inline-block; font-size: 28px; font-weight: bold; display: flex; justify-content: center; align-items: center; }
.container_page > .con > .page_box .empty_six_box .six_box > div p { width: calc(100% - 96px); margin-left: 15px; }
.container_page > .con > .page_box .empty_ex_box { margin-top: 54px; margin-bottom: 56px; padding-right: 28px; padding-left: 28px; }
.container_page > .con > .page_box .empty_ex_box h5 { font-size: 26px; margin-bottom: 30px; }
.container_page > .con > .page_box .empty_ex_box .ex_box { display: flex; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt { width: calc(100% - 207px); }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul { display: flex; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li { margin-bottom: 16px; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li:nth-child(2n) { margin-left: 12px; margin-top: 10px; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li i { width: 96px; height: 40px; border: 1px solid #FF5C26; color: #FF5A26; border-radius: 10px; display: inline-block; font-size: 22px; font-weight: bold; text-align: center; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li i span { font-size: 28px; font-weight: bold; font-style: italic; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li p { margin-top: 4px; }
.container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_i i { background-image: url(../images/f3_1_2_img2.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 206px; height: 233px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .empty_ex_2_box { background-color: #F9F9F9; padding-top: 42px; padding-bottom: 42px; padding-right: 28px; padding-left: 28px; }
.container_page > .con > .page_box .empty_ex_2_box h5 { font-size: 26px; margin-top: 0; margin-bottom: 18px; }
.container_page > .con > .page_box .empty_ex_2_box .ex_2_box { display: flex; }
.container_page > .con > .page_box .empty_ex_2_box .ex_2_box div { width: calc((100% - 20px)/2); margin-right: 12px; }
.container_page > .con > .page_box .empty_ex_2_box .ex_2_box div:nth-child(2n) { margin-right: 0px; }
.container_page > .con > .page_box .empty_ex_2_box .ex_2_box div img { width: 100%; }
.container_page > .con > .page_box .empty_pay_box { margin-top: 40px; padding-right: 28px; padding-left: 28px; padding-bottom: 35px; border-bottom: 2px solid #F9F9F9; }
.container_page > .con > .page_box .empty_pay_box h5 { font-size: 26px; margin-top: 0; margin-bottom: 18px; }
.container_page > .con > .page_box .empty_pay_box ul li { text-indent: -14px; margin-bottom: 5px; margin-left: 14px; font-size: 16px; }
.container_page > .con > .page_box .notes_box { margin-top: 48px; margin-bottom: 40px; }
.container_page > .con > .page_box .notes_box p { font-size: 16px; font-weight: bold; margin-bottom: 16px; }
.container_page > .con > .page_box .notes_box > ul li { font-size: 15px; text-indent: -45px; margin-left: 45px; margin-bottom: 7px; }
.container_page > .con > .page_box .notes_box > ul li a { color: #133391; border-bottom: 1px solid #133391; }
.container_page > .con > .page_box .notes_box > ul li:nth-child(-n+10) { text-indent: -30px; margin-left: 30px; }
.container_page > .con > .page_box .good_helper h5 { font-style: 18px; color: #333333; }
.container_page > .con > .page_box .good_helper .good_helper_box { padding-top: 30px; padding-bottom: 30px; padding-left: 28px; padding-right: 28px; }
.container_page > .con > .page_box .good_helper .good_helper_box:last-child { margin-bottom: 40px; }
.container_page > .con > .page_box .good_helper .good_helper_box.gary { background-color: #F9F9F9; }
.container_page > .con > .page_box .good_helper .good_helper_box h2 { font-size: 26px; color: #333333; font-weight: bold; }
.container_page > .con > .page_box .good_helper .good_helper_box h3 { font-size: 18px; }
.container_page > .con > .page_box .good_helper .good_helper_box h3 .g { color: #00B2AC; font-weight: bold; }
.container_page > .con > .page_box .good_helper .good_helper_box h3 .b { color: #0085D1; font-weight: bold; }
.container_page > .con > .page_box .good_helper .good_helper_box h3 .r { font-size: 22px; color: #E5001F; font-weight: bold; }
.container_page > .con > .page_box .good_helper .good_helper_box .m1 img { width: 592px; height: 280px; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box { display: flex; justify-content: center; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div { width: calc((100% - 20px)/4); text-align: center; margin-right: 18px; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div:nth-child(4) { margin-right: 0px; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div p { text-align: center; font-size: 26px; color: #00B2AC; font-weight: bold; margin-top: 10px; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon3 { background-image: url(../images/f3_1_3_img3.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 210px; height: 210px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon4 { background-image: url(../images/f3_1_3_img4.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 210px; height: 210px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon5 { background-image: url(../images/f3_1_3_img5.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 210px; height: 210px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon6 { background-image: url(../images/f3_1_3_img6.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 210px; height: 210px; background-size: cover; display: inline-block; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend { display: flex; align-items: center; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt { width: 417px; font-size: 16px; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt span { color: #133391; border-bottom: 1px solid #133391; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt a { color: #133391; border-bottom: 1px solid #133391; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons_box { display: flex; margin-left: 50px; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons_box div:nth-child(2) { display: flex; align-items: center; font-size: 22px; font-weight: bold; color: #00C300; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .qr_icons { background-image: url(../images/f3_.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 94px; height: 95px; background-size: cover; display: inline-block; margin-right: 20px; }
.container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons { background-image: url(../images/f3_line.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 94px; height: 95px; background-size: cover; display: inline-block; margin-right: 20px; }
.container_page > .con > .page_box .online_card_box { display: flex; justify-content: center; margin-bottom: 40px; }
.container_page > .con > .page_box .online_card_box > div { position: relative; width: calc((100% - 18px)/2); background-color: #E8F4F9; border-radius: 5px; margin-right: 18px; padding-top: 28px; padding-bottom: 80px; text-align: center; }
.container_page > .con > .page_box .online_card_box > div:nth-child(2n) { margin-right: 0; }
.container_page > .con > .page_box .online_card_box > div p { font-size: 26px; color: #525252; margin-bottom: 18px; }
.container_page > .con > .page_box .online_card_box > div p span { color: #00B3AC; }
.container_page > .con > .page_box .online_card_box > div img { width: 226px; height: 400px; }
.container_page > .con > .page_box .online_card_box > div h5 { color: #525252; }
.container_page > .con > .page_box .online_card_box > div h5 span { font-size: 16px; color: #FD6419; }
.container_page > .con > .page_box .online_card_box > div .btn { width: 132px; height: 40px; border-radius: 10px; background-color: #0085D1; color: #fff; position: absolute; bottom: 32px; right: 170px; padding-top: 8px; box-shadow: 1px 7px 13px -10px #242424; -webkit-box-shadow: 1px 7px 13px -10px #242424; -moz-box-shadow: 1px 7px 13px -10px #242424; -o-box-shadow: 1px 7px 13px -10px #242424; }
.container_page > .con > .page_box .class_schedule_box .schedule_box { display: flex; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box { width: calc((100% - 104px)/3); margin-right: 52px; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box:nth-child(3) { margin-right: 0px; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box h3 { font-size: 22px; color: #0085D1; font-weight: bold; margin-bottom: 5px; margin-top: 20px; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box > div { border-top: 2px solid #444444; font-size: 16px; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box > div > ul { border-bottom: 1px solid #AAAAAA; display: flex; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box > div > ul > li { padding-top: 10px; padding-bottom: 10px; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box > div > ul > li:nth-child(1) { width: 86px; color: #858585; }
.container_page > .con > .page_box .class_schedule_box .schedule_box .class_box > div > ul > li:nth-child(2) { width: calc(100% - 86px); color: #444444; }
.container_page > .con > .page_box .col4_2_f { display: flex; flex-wrap: wrap; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a { width: calc((100% - 60px) /4); margin-right: 20px; margin-bottom: 40px; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a:nth-child(4n) { margin-right: 0px; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div { border: 1px solid #DDDDDD; border-radius: 4px; padding: 25px 16px; position: relative; height: 100%; box-shadow: 0px 2px 13px -3px #E3E3E3; -webkit-box-shadow: 0px 2px 13px -3px #E3E3E3; -moz-box-shadow: 0px 2px 13px -3px #E3E3E3; -o-box-shadow: 0px 2px 13px -3px #E3E3E3; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div:hover { border: 2px solid #00B4AC; box-shadow: 0px 5px 13px -3px #969696; -webkit-box-shadow: 0px 5px 13px -3px #969696; -moz-box-shadow: 0px 5px 13px -3px #969696; -o-box-shadow: 0px 5px 13px -3px #969696; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div:hover h3 { font-weight: bold; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div:hover > div { background-color: #00B4AC; color: #fff; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div h3 { font-size: 18px; margin-top: 0; margin-bottom: 0; }
.container_page > .con > .page_box .col4_2_f.f_box_1 a > div > div { position: absolute; background-color: #fff; bottom: -13px; right: 17px; width: 56px; height: 23px; font-size: 13px; padding: 2px 7px; border: 1px solid #00B2AC; color: #00B2AC; border-radius: 15px; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a { width: calc((100% - 60px) /4); margin-right: 20px; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a:nth-child(4n) { margin-right: 0px; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div { border-bottom: 1px solid #DDDDDD; padding: 25px 16px; position: relative; margin-bottom: 40px; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div:hover { border-bottom: 2px solid #00B4AC; box-shadow: 0px 8px 13px -13px #969696; -webkit-box-shadow: 0px 8px 13px -13px #969696; -moz-box-shadow: 0px 8px 13px -13px #969696; -o-box-shadow: 0px 8px 13px -13px #969696; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div:hover h3 { color: #00B4AC; font-weight: bold; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div:hover > div { color: #FF5C26; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div h3 { font-size: 18px; min-height: 80px; margin-top: 0; margin-bottom: 0; line-height: 140%; }
.container_page > .con > .page_box .col4_2_f.f_box_2 a > div > div { position: absolute; background-color: #fff; bottom: 5px; right: 17px; width: 56px; height: 23px; font-size: 13px; padding: 2px 7px; color: #00B2AC; border-radius: 15px; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a { width: calc((100% - 60px) /3); margin-right: 20px; margin-bottom: 40px; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a:nth-child(3n) { margin-right: 0px; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a > div { border: 1px solid #DDDDDD; border-radius: 4px; padding: 25px 16px; position: relative; height: 100%; width: 100%; box-shadow: 0px 2px 13px -3px #E3E3E3; -webkit-box-shadow: 0px 2px 13px -3px #E3E3E3; -moz-box-shadow: 0px 2px 13px -3px #E3E3E3; -o-box-shadow: 0px 2px 13px -3px #E3E3E3; background-image: url(../images/f2_pdf.png); background-position: 215px 24px; background-repeat: no-repeat; background-size: 80px; display: inline-block; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a > div:hover { color: #fff; background-color: #01B5AD; border: 2px solid #00B4AC; box-shadow: 0px 5px 13px -3px #969696; -webkit-box-shadow: 0px 5px 13px -3px #969696; -moz-box-shadow: 0px 5px 13px -3px #969696; -o-box-shadow: 0px 5px 13px -3px #969696; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a > div:hover h3 { font-weight: 400; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a > div:hover > div { background-color: #00B4AC; color: #fff; }
.container_page > .con > .page_box .col4_2_f.f_box_3 a > div h3 { font-size: 18px; margin-top: 0; margin-bottom: 0; }
.container_page > .con > .page_box .f2_btn_box { margin-bottom: 20px; }
.container_page > .con > .page_box .f2_btn_box button { width: 184px; height: 36px; border-radius: 5px; border: none; background-color: #E8F4F9; color: #333333; font-size: 17px; margin-right: 8px; }
.container_page > .con > .page_box .f2_btn_box button.active { background-color: #FF5C26; color: #fff; }
@media (max-width: 768px) { .container_page > .con > .page_box .f2_btn_box button { width: calc((100% - 8px)/2); }
  .container_page > .con > .page_box .f2_btn_box button:last-child { margin-right: 0; } }
.container_page > .con > .page_box .cf_9_box h2 { font-size: 26px; color: #333333; margin-bottom: 24px; }
.container_page > .con > .page_box .cf_9_box h3 { font-size: 18px; color: #0085D1; }
.container_page > .con > .page_box .cf_9_box ul { margin-top: 6px; margin-bottom: 20px; }
.container_page > .con > .page_box .cf_9_box ul > li { font-size: 16px; color: #444444; margin-left: 30px; text-indent: -32px; margin-bottom: 6px; }
.container_page > .con > .page_box .cf_9_box ul > li.bold { font-weight: bold; color: #000000; font-size: 18px; }
.container_page > .con > .page_box .cf_9_box ul > li.bold span { color: #CC0000; }
.container_page > .con > .page_box .cf_9_box ul > li.red span { color: #CC0000; font-size: 18px; }
.container_page > .con > .page_box .cf_9_box ul > li p { font-weight: bold; }
.container_page > .con > .page_box .cf_9_box ul > li ul > li { margin-left: 17px; text-indent: -17px; margin-top: 6px; }
.container_page > .con > .page_box .cf_9_box ul > li ul > li ul > li { margin-left: 24px; text-indent: -24px; }
.container_page > .con > .page_box .cf_9_box ul > li ul > li ul > li:nth-child(1) { margin-top: 6px; }
.container_page > .con > .page_box .cf_9_box .cf_9_g_box { background-color: #46C1BB; border-radius: 5px; padding: 22px 20px; margin-bottom: 40px; }
.container_page > .con > .page_box .cf_9_box .cf_9_g_box p { font-size: 15px; margin-bottom: 5px; color: #fff; margin-left: 14px; text-indent: -14px; }
.container_page > .con > .page_box .f2_9_box .step_box { background-color: #F9F9F9; padding: 10px 28px 32px; margin-bottom: 20px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_title > h2 { font-size: 18px; color: #00B2AC; margin-top: 0; margin-bottom: 24px; height: 84px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_title > h2 > b { font-size: 80px; font-style: italic; font-weight: bold; }
.container_page > .con > .page_box .f2_9_box .step_box .step_title > h2 > span { font-size: 24px; font-weight: bold; }
.container_page > .con > .page_box .f2_9_box .step_box .step_title > p { font-size: 16px; color: #444444; margin-bottom: 45px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div { width: calc((100% - 200px)/5); margin-right: 40px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div:last-child { margin-right: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_1 { background-image: url(../images/f2_9_1_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_2 { background-image: url(../images/f2_9_1_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_3 { background-image: url(../images/f2_9_1_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_4 { background-image: url(../images/f2_9_1_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_5 { background-image: url(../images/f2_9_1_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_6 { background-image: url(../images/f2_9_2_icon1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_7 { background-image: url(../images/f2_9_2_icon2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div .step_icon_8 { background-image: url(../images/f2_9_2_icon3.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 132px; height: 126px; background-size: cover; display: inline-block; margin-bottom: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step_icons > div p { margin-left: 10px; font-size: 18px; color: #333333; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title { display: flex; background-color: #fff; margin-bottom: 24px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(1) { font-size: 24px; font-weight: bold; width: 78px; height: 78px; background-color: #444; color: #fff; padding: 11px 15px; line-height: 120%; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) { width: calc(100% - 78px); padding-left: 20px; padding-top: 15px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) > div > p { font-size: 17px; margin-bottom: 4px; color: #444444; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) > div > p:last-child { margin-bottom: 0; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) > div > p span { font-weight: bold; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step { display: flex; margin-bottom: 48px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul { width: calc((100% - 50px)/3); margin-right: 25px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul:nth-child(3) { margin-right: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li { font-size: 16px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d6d6d6; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li span { background-color: #FF5C26; color: #fff; padding: 3px; margin-left: 5px; font-size: 15px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) { border-bottom: 2px solid #444444; padding-bottom: 8px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) p { font-size: 18px; color: #0085D1; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) p span { font-size: 18px; background: none; font-weight: bold; color: #0085D1; margin-left: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step { display: flex; margin-bottom: 24px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul { width: calc((100% - 24px)/2); margin-right: 24px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul:nth-child(2n) { margin-right: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li { font-size: 16px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d6d6d6; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li span { background-color: #FF5C26; color: #fff; padding: 3px; margin-left: 5px; font-size: 15px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li:nth-child(1) { border-bottom: 2px solid #444444; padding-bottom: 8px; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li:nth-child(1) p { font-size: 18px; color: #0085D1; }
.container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li:nth-child(1) p span { font-size: 18px; background: none; font-weight: bold; color: #0085D1; margin-left: 0px; }
.container_page > .con > .page_box .f2_9_box .step_box .step3_box .step3_title { background-color: #fff; margin-bottom: 24px; }
.container_page > .con > .page_box .f2_9_box .step_box .step3_box .step3_title:nth-child(1) { width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; }
.container_page > .con > .page_box .f2_9_box .step_box .step3_box .step3_title:nth-child(1) > p { font-size: 17px; margin-bottom: 4px; color: #444444; text-indent: -85px; margin-left: 82px; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li { width: 100%; font-size: 16px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px; border-top: 1px solid #AAAAAA; display: flex; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li:nth-child(1) { border-top: 2px solid #444444; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div:nth-child(1) { width: 150px; color: #878787; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div:nth-child(2) { width: calc(100% - 150px); color: #444444; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div h3 { font-size: 18px; font-weight: bold; color: #0085D1; margin-top: 0; margin-bottom: 0; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div span { background-color: #FF5C26; color: #fff; padding: 3px; margin-left: 5px; font-size: 15px; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div span.red { background-color: #CC0000; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div.halfBox { display: flex; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div.halfBox > div { flex: 1; text-align: center; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li:last-child { border-bottom: 1px solid #AAAAAA; }
.container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul.oil > li > div:nth-child(2) { text-align: center; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box { margin-bottom: 32px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box h4 { margin-top: 50px; margin-bottom: 14px; color: #0085D1; font-size: 18px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px { width: 100%; margin-bottom: 22px; display: table; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr:nth-child(1) th:nth-child(1) { width: auto; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr:nth-child(1) th:nth-child(2) { width: 436px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr:nth-child(1) th:nth-child(3) { width: 140px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr th { border: 1px solid #AAAAAA; color: #444444; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr td { border: 1px solid #AAAAAA; color: #444444; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr:nth-child(3) { background-color: #fff; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px tr:nth-child(5) { background-color: #fff; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_table p { font-size: 16px; color: #333333; text-indent: -18px; margin-left: 18px; margin-bottom: 4px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_table p:last-child { margin-top: 12px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_table p span { font-size: 15px; color: #666666; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_box3 > ul { margin-bottom: 40px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_box3 > ul > li { font-size: 16px; text-indent: -49px; margin-left: 49px; margin-bottom: 5px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_box3 > ul > li > ul > li { text-indent: -24px; margin-left: 24px; }
.container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .notes_box3 > p { font-size: 15px; line-height: 23px; color: #FF5B26; }
.container_page > .con > .page_box .f2_9_box .notes_box2 { padding-bottom: 30px; }
.container_page > .con > .page_box .f2_9_box .notes_box2 h6 { font-size: 16px; font-weight: bold; margin-top: 32px; margin-bottom: 24px; }
.container_page > .con > .page_box .f2_9_box .notes_box2 p { font-size: 15px; margin-bottom: 6px; text-indent: -30px; margin-left: 30px; }
.container_page > .con > .page_box .change_description { margin-bottom: 40px; }
.container_page > .con > .page_box .change_description > ul > li p { text-indent: -30px; margin-left: 30px; margin-bottom: 6px; font-size: 16px; color: #444444; }
.container_page > .con > .page_box .change_description > ul > li .change_col3 { display: flex; margin-left: 36px; margin-top: 20px; margin-bottom: 36px; }
.container_page > .con > .page_box .change_description > ul > li .change_col3 > div { width: calc((100% - 36px)/3); padding: 20px; background-color: #E8F4F9; border-radius: 5px; display: flex; padding-top: 12px; margin-right: 18px; }
.container_page > .con > .page_box .change_description > ul > li .change_col3 > div:nth-child(3n) { margin-right: 0px; }
.container_page > .con > .page_box .change_description > ul > li .change_col3 > div > div:nth-child(1) { width: 20px; font-size: 40px; color: #0087D1; font-weight: bold; }
.container_page > .con > .page_box .change_description > ul > li .change_col3 > div > div:nth-child(2) { width: calc(100% - 20px); font-size: 18px; margin-left: 16px; color: #000000; margin-top: 9px; }

.opening_table1 > ul li { display: table; border-top: 1px solid #AAAAAA; width: 100%; padding: 8px 20px; }
.opening_table1 > ul li:nth-child(1) { border-top: 2px solid #444444; }
.opening_table1 > ul li:last-child > div { vertical-align: top; }
.opening_table1 > ul li > div { font-size: 16px; display: table-cell; color: #444444; line-height: 150%; vertical-align: middle; }
.opening_table1 > ul li > div:nth-child(1) { width: 150px; color: #287196; font-weight: bold; }
.opening_table1 > ul li > div:nth-child(2) { display: flex; flex-wrap: wrap; align-items: center; }
.opening_table1 > ul li > div:nth-child(2) > i { background-image: url(../images/f6_7_2_pdf.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; background-size: cover; display: inline-block; margin-right: 8px; }
.opening_table1 > ul li > div:nth-child(2) > i a { display: inline-block; width: 100%; height: 100%; }
.opening_table1 > ul li > div:nth-child(2) > p { display: inline-block; width: 85%; }
.opening_table1 > ul li > div .icon_qr_box { display: table; width: 32%; }
.opening_table1 > ul li > div .icon_qr_box > div { display: table-cell; vertical-align: top; }
.opening_table1 > ul li > div .icon_qr_box > div .apple_icon { background-image: url(../images/f6_7_2_img1.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 109px; height: 35px; background-size: cover; display: block; margin-top: 8px; }
.opening_table1 > ul li > div .icon_qr_box > div .apple_icon:hover { background-image: url(../images/f6_7_2_img1_h.png); }
.opening_table1 > ul li > div .icon_qr_box > div .google_icon { background-image: url(../images/f6_7_2_img2.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 109px; height: 35px; background-size: cover; display: inline-block; margin-top: 8px; }
.opening_table1 > ul li > div .icon_qr_box > div .google_icon:hover { background-image: url(../images/f6_7_2_img2_h.png); }
.opening_table1 > ul li > div .icon_qr_box > div .qr_icon { background-image: url(../images/f6_7_2_img3.jpg); background-position: center; background-position: center; background-repeat: no-repeat; width: 87px; height: 88px; margin-top: 8px; background-size: cover; display: inline-block; }

.timelineContainer .tl-Flexbox { display: flex; }
.timelineContainer .tl-Flexbox:last-child .tl-yearBox:after { display: none; }
.timelineContainer .tl-yearBox { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; }
.timelineContainer .tl-yearBox:after { content: ""; width: 2px; margin: 0 auto; background-color: #00B4AC; flex-grow: 1; }
.timelineContainer .tl-yearBox .circleBox { flex-shrink: 0; width: 64px; position: relative; background: transparent linear-gradient(0deg, #00b4ac 0%, #0087d1 100%) 0% 0% no-repeat; border-radius: 50%; overflow: hidden; }
.timelineContainer .tl-yearBox .circleBox:after { content: ""; display: block; padding-bottom: 100%; }
.timelineContainer .tl-yearBox .circleBox .year { position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #0087D1; font-size: 18px; background-color: #ffffff; }
.timelineContainer .tl-detailBox { flex-grow: 1; padding-left: 32px; padding-top: 20px; padding-bottom: 47px; }
.timelineContainer .tl-detailBox ul { font-size: 16px; padding-left: 20px; list-style: none; margin: -5px 0; }
.timelineContainer .tl-detailBox ul li { padding: 5px 0; }
.timelineContainer .tl-detailBox ul li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #0087D1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ }

.tbl-style1 thead th { color: #878787; font-size: 16px; line-height: 21px; padding: 7px 0; border-bottom: 2px solid #333333; }
.tbl-style1 tbody td { line-height: 25px; font-size: 16px; color: #333333; padding: 12px 0; border-bottom: 1px solid #D6D6D6; }
.tbl-style1 .b { font-size: 25px; }
.tbl-style1.sty1 thead th:nth-child(2) { text-align: center; width: 187px; }
.tbl-style1.sty1 tbody td:nth-child(2) { text-align: center; }

.lgfont1 { font-size: 25px; }

.specDetailFlexBox { display: flex; }
.specDetailFlexBox .item:first-child { width: 40%; padding-right: 45px; }
.specDetailFlexBox .item:nth-child(2) { width: 60%; }
.specDetailFlexBox .specCurBox .spcTitleBox { color: #00B4AC; font-size: 18px; line-height: 24px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #333333; }
.specDetailFlexBox .specCurBox .spcTitleBox .b { font-size: 24px; font-weight: 600; }
.specDetailFlexBox .specCurBox .spcN { font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.specDetailFlexBox .specCurBox .spcFn { font-size: 25px; margin-bottom: 15px; }
.specDetailFlexBox .specCurBox .spcMention { font-size: 16px; }

/*rwd*/
@media (max-width: 768px) { .container_page { padding-bottom: 0px; min-width: 100%; }
  .container_page > .con { min-width: 100%; max-width: 100%; }
  .container_page > .con .banner_p { background: none !important; height: auto; }
  .container_page > .con > .page_box { /*1-1-4*/ /**/ }
  .container_page > .con > .page_box .transaction_box { padding-right: 0px; padding-left: 0px; }
  .container_page > .con > .page_box .col5_t { display: inline; }
  .container_page > .con > .page_box .col5_t > ul { display: inline; width: 100%; }
  .container_page > .con > .page_box .col5_t > ul li { width: 100%; text-align: center; border-left: 0px; border-top: 1px solid #EEEEEE; padding-top: 20px; padding-bottom: 20px; }
  .container_page > .con > .page_box .col5_t > ul li:nth-child(1) { border-left: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; }
  .container_page > .con > .page_box .col5_t > ul li .transaction_icon_1 { height: 120px; width: 120px; margin-bottom: 6px; }
  .container_page > .con > .page_box .col5_t > ul li .transaction_icon_2 { height: 120px; width: 120px; margin-bottom: 6px; }
  .container_page > .con > .page_box .col5_t > ul li .transaction_icon_3 { height: 120px; width: 120px; margin-bottom: 6px; }
  .container_page > .con > .page_box .col5_t > ul li .transaction_icon_4 { height: 120px; width: 120px; margin-bottom: 6px; }
  .container_page > .con > .page_box .col5_t > ul li .transaction_icon_5 { height: 120px; width: 120px; margin-bottom: 6px; }
  .container_page > .con > .page_box .col5_t > ul li h2 { margin-bottom: 15px; }
  .container_page > .con > .page_box .col5_t > ul li > div { text-align: center; }
  .container_page > .con > .page_box .col5_t > ul li > div:nth-child(2) { text-align: left; }
  .container_page > .con > .page_box .col5_t > ul li > div button { width: calc((100% - 10px)/ 2); height: 40px; border: none; border-radius: 10px; font-size: 18px; color: #444444; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: -o-linear-gradient(#ffffff 0%, #eeeeee 74%); background-image: linear-gradient(#ffffff 0%, #eeeeee 74%); box-shadow: 0px 3px 9px -3px #B0B0B0; -webkit-box-shadow: 0px 3px 9px -3px #B0B0B0; -moz-box-shadow: 0px 3px 9px -3px #B0B0B0; -o-box-shadow: 0px 3px 9px -3px #B0B0B0; margin-bottom: 10px; }
  .container_page > .con > .page_box .col5_t > ul li > div button:last-child { margin-bottom: 22px; }
  .container_page > .con > .page_box .global_page > .col3_2 { display: flex; flex-wrap: wrap; width: 100%; }
  .container_page > .con > .page_box .global_page > .col3_2 > div { width: 100%; background-color: #F9F9F9; border-radius: 10px; padding: 20px 14px; height: 79px; margin-bottom: 10px; }
  .container_page > .con > .page_box .global_page > .col3_2 > div > i { display: inline-block; background-image: url(../images/icons/f_1_icon1.png); background-position: center; background-repeat: no-repeat; height: 38px; width: 38px; background-size: 36px; display: table-cell; vertical-align: middle; }
  .container_page > .con > .page_box .global_page > .col3_2 > div > p { width: auto; color: #00B3AC; font-size: 18px; padding-left: 10px; display: table-cell; vertical-align: middle; }
  .container_page > .con > .page_box .global_page > .col3_2 > div:nth-child(3n-1) { margin-right: 0px; margin-left: 0px; }
  .container_page > .con > .page_box .global_page .global_pic1 { margin-top: 20px; margin-bottom: 40px; }
  .container_page > .con > .page_box .global_page .global_pic1 > img { width: 100%; }
  .container_page > .con > .page_box .global_page > .col2_l { display: inherit; }
  .container_page > .con > .page_box .global_page > .col2_l > div { display: inline; }
  .container_page > .con > .page_box .global_page > .col2_l > div:nth-child(1) { width: 100%; margin-bottom: 20px; }
  .container_page > .con > .page_box .global_page > .col2_l > div:nth-child(1) img { width: 100%; }
  .container_page > .con > .page_box .global_page > .col2_l > div:nth-child(2) { width: 100%; margin-left: 0px; margin-bottom: 10px; height: auto; }
  .container_page > .con > .page_box .paper_day .paper_down .ui-selectmenu-button.ui-button { width: 32%; margin-right: 10px; }
  .container_page > .con > .page_box .paper_day .paper_box .paper_btn > a { width: calc((100% - 36px) / 3); }
  .container_page > .con > .page_box .paper_day .paper_box .paper_btn > a:nth-child(10n) { margin-right: 16px; }
  .container_page > .con > .page_box .paper_day .paper_box .paper_btn > a:nth-child(3n) { margin-right: 0px; }
  .container_page > .con > .page_box .paper_ww > .col3 a { width: 100%; margin-bottom: 20px; }
  .container_page > .con > .page_box .paper_ww > .col3 a:nth-child(3n-1) { margin-right: 0px; margin-left: 0px; }
  .container_page > .con > .page_box .news_box > a > .box { padding: 10px 24px 10px; margin-bottom: 20px; }
  .container_page > .con > .page_box .news_box > a > .box p:nth-child(2) { margin-top: 4px; }
  .container_page > .con > .page_box .news_box > a > .box p:nth-child(3) { width: 100%; text-align: right; margin-top: 14px; position: initial; top: auto; right: auto; }
  .container_page > .con > .page_box .news_more_page { width: 100%; position: relative; margin: 0 auto; margin-top: 20px; text-align: center; }
  .container_page > .con > .page_box .news_more_page > a > div { position: relative; text-align: center; display: inline-block; }
  .container_page > .con > .page_box .news_more_page > a > div i { display: table-cell; }
  .container_page > .con > .page_box .news_more_page > a > div > p { display: inline-block; display: table-cell; }
  .container_page > .con > .page_box .news_more_page > .more_page { display: inline-block; position: inherit; }
  .container_page > .con > .page_box .news_more_page > .more_page > a > div { width: 100px; display: inline-block; }
  .container_page > .con > .page_box .news_more_page > .more_page > a > div p { display: table-cell; }
  .container_page > .con > .page_box .propaganda_col4 { padding-right: 0px; padding-left: 0px; }
  .container_page > .con > .page_box .propaganda_col4 .propaganda_box { width: 100%; margin-right: 0px; margin-top: 0px !important; }
  .container_page > .con > .page_box .propaganda_col4 .propaganda_box:nth-child(4n) { margin-right: 0px; }
  .container_page > .con > .page_box .propaganda_col4 .propaganda_box > h5 { font-size: 18px; color: #00B3AC; margin-bottom: 10px; }
  .container_page > .con > .page_box .propaganda_col4 .propaganda_box .box_p { margin-bottom: 10px; }
  .container_page > .con > .page_box .propaganda_col4 .propaganda_box.mb { margin-bottom: 50px; }
  .container_page > .con > .page_box .propaganda_col1 { padding-right: 0px; padding-left: 0px; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box { width: 100%; margin-bottom: 50px; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box > h5 { font-size: 18px; color: #00B3AC; margin-bottom: 10px; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc { width: 100%; display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p { width: 100%; margin-bottom: 0px; margin-right: 0px; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p:nth-child(4n) { margin-right: 0px; }
  .container_page > .con > .page_box .propaganda_col1 .propaganda_box .box_cc .box_p div { padding: 8px 11px; border-radius: 6px; border: 1px #CCCCCC solid; margin-bottom: 5px; font-size: 15px; color: #333333; background-color: #ffffff; background-image: -webkit-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: -o-linear-gradient(#ffffff 25%, #dddddd 100%); background-image: linear-gradient(#ffffff 25%, #dddddd 100%); }
  .container_page > .con > .page_box .video_col3 { margin-top: 26px; }
  .container_page > .con > .page_box .video_col3 .video_box { width: 100%; }
  .container_page > .con > .page_box .video_col3 .video_box > div { width: 100%; margin-right: 0px; }
  .container_page > .con > .page_box .video_col3 .video_box > div .video_pic1 { height: 186px; width: 100%; }
  .container_page > .con > .page_box .video_col3 .video_box > div .video_txt p { margin-top: 0px; margin-bottom: 20px; }
  .container_page > .con > .page_box .open_box_6 h3 { font-size: 26px; margin-bottom: 20px; }
  .container_page > .con > .page_box .open_box_6 .open_list { width: 100%; }
  .container_page > .con > .page_box .open_box_6 .open_list > .box { padding: 22px 50px; background-color: #F9F9F9; margin-bottom: 20px; text-align: center; }
  .container_page > .con > .page_box .open_box_6 .open_list > .box .icon_box { display: inline; vertical-align: middle; width: 73px; margin: 0 auto; }
  .container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box { width: 100%; padding-left: 0px; display: inline; }
  .container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box h4 { font-size: 18px; color: #0085D1; margin-top: 0px; margin-bottom: 8px; }
  .container_page > .con > .page_box .open_box_6 .open_list > .box .txt_box p { font-size: 16px; text-align: left; color: #444444; }
  .container_page > .con > .page_box .open_box_6 .open_pic_box > img { width: 85%; height: auto; }
  .container_page > .con > .page_box .open_paper_6 { margin-bottom: 40px; }
  .container_page > .con > .page_box .open_paper_6 .open_paper { display: inline; }
  .container_page > .con > .page_box .open_paper_6 .open_paper .paper_box { width: 100%; margin-right: 0px; margin-bottom: 18px; }
  .container_page > .con > .page_box .open_paper_6 .open_paper .paper_box > div { min-height: auto; }
  .container_page > .con > .page_box .data_change .data_change_box { margin-top: 14px; padding-left: 0px; display: block; }
  .container_page > .con > .page_box .data_change .data_change_box > div { width: 100%; margin-right: 0px; margin-bottom: 20px; }
  .container_page > .con > .page_box .data_change .data_change_box > div:nth-child(3) { margin-right: 0px; margin-bottom: 0px; }
  .container_page > .con > .page_box .data_change .data_change_box > div > p { width: calc(100% - 33px); margin-top: 20px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box h5 span { margin-left: 0px; display: block; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div { display: flex; align-items: center; margin-bottom: 20px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_1 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_2 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_3 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_2_2icon_4 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_1 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_2 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_3 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_4 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div .f6_6icon_5 { margin-left: 0px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box { width: calc(100% - 40px); display: flex; align-items: center; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(1) { font-size: 14px; color: #CCCCCC; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(2) { font-size: 35px; font-weight: bold; font-style: italic; color: #CCCCCC; margin-right: 14px; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(3) { font-size: 17px; color: #444; }
  .container_page > .con > .page_box .data_explain .data_explain_box > .explain_box > .box > div > .txt_box p:nth-child(3) span { color: #FF5926; }
  .container_page > .con > .page_box .paper_down .paper_down_col2 { display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .paper_down .paper_down_col2 > a { width: 100%; margin-right: 0px; }
  .container_page > .con > .page_box .paper_down .paper_down_col2 > a:nth-child(2n) { margin-right: 0px; }
  .container_page > .con > .page_box .paper_down .paper_down_col2 > a > div { padding-right: 70px; }
  .container_page > .con > .page_box .paper_down .down_p .down__down label { font-size: 16px; color: #333333; margin-right: 4px; }
  .container_page > .con > .page_box .paper_down .down_p .down__down .ui-selectmenu-button.ui-button { width: 100%; height: 30px; margin-top: 10px; }
  .container_page > .con > .page_box .paper_down .down_p .down__down #speed2-button { width: 100%; margin-top: 14px; }
  .container_page > .con > .page_box .paper_down .down_p .down__down .ui-menu .ui-menu-item-wrapper { position: relative; font-size: 16px !important; padding: 3px 1em 3px 14px; }
  .container_page > .con > .page_box .paper_down .down_p .down__down .ui-button .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-button:hover .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-state-focus .ui-icon, .container_page > .con > .page_box .paper_down .down_p .down__down .ui-state-hover .ui-icon { background-image: url(../images/icons/down_icon.png); background-position: center; background-position: center; background-repeat: no-repeat; height: 18px; width: 18px; background-size: cover; display: inline-block; }
  .container_page > .con > .page_box .online_sign .online_sign_box .sign_box { display: inherit; align-self: center; justify-content: center; align-items: center; text-align: center; padding-left: 16px; padding-right: 16px; }
  .container_page > .con > .page_box .online_sign .online_sign_box .sign_box > div { position: relative; text-align: center; }
  .container_page > .con > .page_box .online_sign .online_sign_box .sign_box > i { background-image: url(../images/f6_5icon_m.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 25px; height: 56px; background-size: cover; display: inline-block; margin-top: 14px; margin-bottom: 24px; }
  .container_page > .con > .page_box .online_opening .opening_box { width: 100%; display: block; justify-content: center; background-color: #F9F9F9; padding-top: 36px; padding-bottom: 36px; text-align: center; }
  .container_page > .con > .page_box .online_opening .opening_box > div { width: 100%; }
  .container_page > .con > .page_box .online_opening .opening_box .opening_icon_1 { background-image: url(../images/f6_7_1_icon1.png); text-align: center; margin: 0 auto; width: 125px; height: 125px; display: inline-block; }
  .container_page > .con > .page_box .online_opening .opening_box .opening_icon_2 { background-image: url(../images/f6_7_1_icon2.png); text-align: center; margin: 0 auto; width: 125px; height: 125px; display: inline-block; }
  .container_page > .con > .page_box .online_opening .opening_box .opening_icon_3 { background-image: url(../images/f6_7_1_icon3.png); text-align: center; margin: 0 auto; width: 125px; height: 125px; display: inline-block; }
  .container_page > .con > .page_box .online_opening .opening_box .opening_icon_4 { background-image: url(../images/f6_7_1_icon4.png); text-align: center; margin: 0 auto; width: 125px; height: 125px; display: inline-block; }
  .container_page > .con > .page_box .online_opening .opening_box .opening_icon_5 { background-image: url(../images/f6_7_1_icon5_m.png); text-align: center; margin: 0 auto; width: 12px; height: 30px; background-size: cover; display: flex; align-self: center; margin-top: 20px; margin-bottom: 20px; }
  .container_page > .con > .page_box .online_opening .opening_box h3 { font-size: 24px; font-weight: bold; margin-top: 0px; }
  .container_page > .con > .page_box .online_opening .opening_box p:nth-child(2) { font-size: 18px; color: #00B2AC; margin-top: -10px; height: 50px; }
  .container_page > .con > .page_box .online_opening .opening_box p:nth-child(2) span { font-size: 40px; font-style: italic; font-weight: bold; }
  .container_page > .con > .page_box .online_opening .opening_box p:nth-child(3) { font-size: 22px; font-weight: bold; color: #444444; }
  .container_page > .con > .page_box .online_opening > .btn_box { text-align: center; padding-top: 20px; padding-bottom: 40px; }
  .container_page > .con > .page_box .online_opening > .btn_box > button { width: 192px; height: 57px; border-radius: 15px; border: none; background-color: #0085D1; color: #FFFFFF; }
  .container_page > .con > .page_box .online_opening_2 h3 { margin-bottom: 10px; text-align: left; }
  .container_page > .con > .page_box .online_opening_2 .online_btn_box button { width: 100%; border-radius: 10px; margin-top: 15px; margin-bottom: 10px; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box { position: relative; background-color: #F9F9F9; margin-top: 20px; padding: 28px; text-align: center; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box > .now { display: inline-block; border: none; width: 132px; height: 40px; border-radius: 10px; background-color: #0085D1; color: #fff; box-shadow: 0px 9px 14px -8px #949494; -webkit-box-shadow: 0px 9px 14px -8px #949494; -moz-box-shadow: 0px 9px 14px -8px #949494; -o-box-shadow: 0px 9px 14px -8px #949494; position: relative; font-size: 15px; line-height: 40px; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box:last-child { margin-bottom: 40px; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 { text-align: left; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 p { margin-bottom: 25px; text-align: left; }
  .container_page > .con > .page_box .online_opening_2 .online_opening_box .box_1 .now { display: none; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li { text-align: left; display: table; border-top: 1px solid #AAAAAA; width: 100%; padding: 8px 0px; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li:nth-child(1) { border-top: 2px solid #444444; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li.i_li > div:nth-child(2) > p { width: calc(100% - 55px); }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li:last-child > div { vertical-align: top; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div { font-size: 16px; display: block; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(1) { width: 150px; color: #868686; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div:nth-child(2) > p { display: inline-block; width: 100%; margin-top: 5px; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box { display: table; width: 32%; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div { display: table-cell; vertical-align: top; }
  .container_page > .con > .page_box .online_opening_2 .opening_txt_box > ul li > div .icon_qr_box > div .qr_icon { display: none; }
  .container_page > .con > .page_box .qa_btn_box { display: flex; margin-bottom: 10px; }
  .container_page > .con > .page_box .qa_btn_box a { width: calc((100% - 16px)/3); margin-right: 8px; }
  .container_page > .con > .page_box .qa_btn_box a:nth-child(3n) { margin-right: 0px; }
  .container_page > .con > .page_box .qa_btn_box a span { display: block; }
  .container_page > .con > .page_box .qa_btn_box div { width: 100%; height: auto; margin-right: 8px; border-radius: 5px; border: 1px solid #CCCCCC; padding: 4px 10px; text-align: center; }
  .container_page > .con > .page_box .qa_btn_box div > p { font-size: 16px; color: #00B2AC; line-height: 120%; }
  .container_page > .con > .page_box .team_btn_box { display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .team_btn_box > a { width: calc(50% - 5px); margin-right: 10px; margin-top: 10px; }
  .container_page > .con > .page_box .team_btn_box > a:nth-child(2n) { margin-right: 0; }
  .container_page > .con > .page_box .team_btn_box > a > div { width: 100%; height: 50px; margin-right: 0px; }
  .container_page > .con > .page_box .multi_product_box .product_box { display: inline; }
  .container_page > .con > .page_box .multi_product_box .product_box p { font-size: 18px; color: #202020; line-height: 160%; }
  .container_page > .con > .page_box .multi_product_box .product_box p span { color: #FF5926; }
  .container_page > .con > .page_box .multi_product_box .product_box div:nth-child(1) { width: 100%; text-align: center; }
  .container_page > .con > .page_box .multi_product_box .product_box div:nth-child(2) { width: 100%; }
  .container_page > .con > .page_box .property .property_box { background-color: #fff; padding-right: 18px; padding-left: 18px; padding-top: 32px; padding-bottom: 18px; margin-bottom: 6px; display: flex; align-items: center; }
  .container_page > .con > .page_box .property .property_box > div:nth-child(1) { width: 70px; display: flex; align-self: flex-start; }
  .container_page > .con > .page_box .property .property_box > div:nth-child(2) { width: calc(100% - 70px); padding-left: 18px; }
  .container_page > .con > .page_box .property .property_box > div:nth-child(2) h3 { font-size: 18px; color: #0085D1; font-weight: bold; margin-top: 0; margin-bottom: 4px; }
  .container_page > .con > .page_box .property .property_box > div:nth-child(2) p { font-size: 16px; color: #444444; line-height: 160%; }
  .container_page > .con > .page_box .property .strategy_box { display: flex; flex-wrap: wrap; margin-top: 16px; align-items: baseline; padding: 0px; justify-content: center; }
  .container_page > .con > .page_box .property .strategy_box > div { width: calc((100% -60px)/3); text-align: center; margin-bottom: 15px; }
  .container_page > .con > .page_box .property .strategy_box > div .stp { margin-top: -18px; font-size: 18px; color: #00B2AC; height: 51px; }
  .container_page > .con > .page_box .property .strategy_box > div .stp span { font-size: 40px; font-weight: bold; font-style: italic; }
  .container_page > .con > .page_box .property .strategy_box > div h4 { font-size: 22px; margin-top: 0px; margin-bottom: 4px; font-weight: bold; }
  .container_page > .con > .page_box .property .strategy_box > div .p3 { font-size: 16px; color: #444444; }
  .container_page > .con > .page_box .property .strategy_box > div .p3 span { display: initial; }
  .container_page > .con > .page_box .property .strategy_box > div .f4_4_icon4 { background-image: url(../images/f4_4_icon4.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
  .container_page > .con > .page_box .property .strategy_box > div .f4_4_icon5 { background-image: url(../images/f4_4_icon5.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
  .container_page > .con > .page_box .property .strategy_box > div .f4_4_icon6 { background-image: url(../images/f4_4_icon6.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
  .container_page > .con > .page_box .property .strategy_box > div .f4_4_icon7 { background-image: url(../images/f4_4_icon7.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: cover; display: inline-block; }
  .container_page > .con > .page_box .property .strategy_box .strategy_r:nth-child(4n) { display: none; }
  .container_page > .con > .page_box .property .portfolio_4 .boxs { display: flex; align-content: center; background-color: #fff; padding: 18px 12px; margin-bottom: 10px; }
  .container_page > .con > .page_box .property .portfolio_4 .boxs h5 { font-size: 22px; color: #0085D1; margin-top: 0; margin-bottom: 0; align-items: center; display: flex; }
  .container_page > .con > .page_box .property .portfolio_4 .boxs > p { width: calc(100% - 70px); padding-left: 12px; font-size: 16px; color: #444444; align-items: center; display: flex; }
  .container_page > .con > .page_box .property .toll > p { font-size: 16px; color: #444444; margin-top: 12px; margin-bottom: 18px; }
  .container_page > .con > .page_box .property .toll .toll_box { display: block; }
  .container_page > .con > .page_box .property .toll .toll_box > div { width: 100%; background-color: #E8F4F9; border-radius: 5px; padding-top: 16px; padding-bottom: 16px; padding-left: 28px; padding-right: 28px; margin-bottom: 10px; text-align: center; }
  .container_page > .con > .page_box .property .toll .toll_box > div:nth-child(2n) { margin-right: 0px; margin-left: 0px; }
  .container_page > .con > .page_box .property .toll .toll_box > div h5 { font-size: 22px; color: #0085D1; margin-bottom: 0px; margin-top: 0; }
  .container_page > .con > .page_box .property .toll .toll_box > div p { font-size: 16px; color: #444; }
  .container_page > .con > .page_box .long_and_empty .empty_btn_box { padding: 16px 14px; display: inherit; text-align: center; }
  .container_page > .con > .page_box .long_and_empty .empty_btn_box p { font-size: 50px; font-weight: bold; margin-right: 45px; margin-left: 45px; margin-top: 20px; }
  .container_page > .con > .page_box .long_and_empty .empty_btn_box p span { display: block; }
  .container_page > .con > .page_box .long_and_empty .empty_btn_box button { width: 100%; height: 42px; margin-top: 20px; margin-bottom: 6px; }
  .container_page > .con > .page_box .long_and_empty .empty_btn_box button > span { display: inline-block; }
  .container_page > .con > .page_box .empty_qr_box { display: none; }
  .container_page > .con > .page_box .empty_six_box { margin-top: 20px; }
  .container_page > .con > .page_box .empty_six_box .six_box { display: inline; }
  .container_page > .con > .page_box .empty_six_box .six_box > div { width: 100%; }
  .container_page > .con > .page_box .empty_six_box .six_box > div:nth-child(3n-1) { margin-right: 0px; margin-left: 0px; }
  .container_page > .con > .page_box .empty_ex_box h5 { font-size: 26px; margin-bottom: 30px; }
  .container_page > .con > .page_box .empty_ex_box .ex_box { display: inline; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt { width: 100%; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul { display: inherit; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li { margin-bottom: 16px; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li:nth-child(2n) { margin-left: 0px; margin-top: 10px; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li i { width: 96px; height: 40px; border: 1px solid #FF5C26; color: #FF5A26; border-radius: 10px; display: inline-block; font-size: 22px; font-weight: bold; text-align: center; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li i span { font-size: 28px; font-weight: bold; font-style: italic; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_txt > ul > li p { margin-top: 4px; }
  .container_page > .con > .page_box .empty_ex_box .ex_box .ex_box_i { display: none; }
  .container_page > .con > .page_box .empty_ex_2_box h5 { font-size: 26px; margin-top: 0; margin-bottom: 18px; }
  .container_page > .con > .page_box .empty_ex_2_box .ex_2_box { display: inline; }
  .container_page > .con > .page_box .empty_ex_2_box .ex_2_box div { width: 100%; margin-right: 12px; margin-bottom: 12px; }
  .container_page > .con > .page_box .empty_ex_2_box .ex_2_box div:nth-child(2n) { margin-right: 0px; }
  .container_page > .con > .page_box .empty_ex_2_box .ex_2_box div img { width: 100%; }
  .container_page > .con > .page_box .good_helper .good_helper_box .m1 img { width: 100%; height: auto; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box { display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div { width: calc((100% - 20px)/2); text-align: center; margin-right: 18px; margin-bottom: 20px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div:nth-child(2n) { margin-right: 0px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon3 { width: 120px; height: 120px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon4 { width: 120px; height: 120px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon5 { width: 120px; height: 120px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .helper_icons_box > div .f3_1_3_icon6 { width: 120px; height: 120px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend { display: inline; align-items: center; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt { width: 100%; font-size: 16px; margin-bottom: 24px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt span { color: #133391; border-bottom: 1px solid #133391; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_txt a { color: #133391; border-bottom: 1px solid #133391; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons_box { display: flex; margin-left: 0px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons_box div { margin-bottom: 20px; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons_box div:nth-child(2) { display: flex; align-items: center; font-size: 22px; font-weight: bold; color: #00C300; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .qr_icons { display: none; }
  .container_page > .con > .page_box .good_helper .good_helper_box .line_friend .line_icons { background-image: url(../images/f3_line.png); background-position: center; background-position: center; background-repeat: no-repeat; width: 94px; height: 95px; background-size: cover; display: inline-block; margin-right: 20px; }
  .container_page > .con > .page_box .online_card_box { display: inline; justify-content: center; margin-bottom: 40px; }
  .container_page > .con > .page_box .online_card_box > div { width: 100%; padding-bottom: 28px; margin-bottom: 20px; }
  .container_page > .con > .page_box .online_card_box > div:nth-child(2n) { margin-right: 0; margin-bottom: 40px; }
  .container_page > .con > .page_box .online_card_box > div p { font-size: 26px; color: #525252; margin-bottom: 18px; }
  .container_page > .con > .page_box .online_card_box > div p span { color: #00B3AC; }
  .container_page > .con > .page_box .online_card_box > div img { width: 80%; height: auto; }
  .container_page > .con > .page_box .online_card_box > div h5 { color: #525252; }
  .container_page > .con > .page_box .online_card_box > div h5 span { font-size: 16px; color: #FD6419; }
  .container_page > .con > .page_box .online_card_box > div .btn { width: 132px; height: 40px; border-radius: 10px; background-color: #0085D1; color: #fff; position: inherit; bottom: auto; right: auto; padding-top: 7px; margin: 0 auto; margin-top: 24px; }
  .container_page > .con > .page_box .class_schedule_box .schedule_box { display: inline; }
  .container_page > .con > .page_box .class_schedule_box .schedule_box .class_box { width: 100%; margin-bottom: 30px; }
  .container_page > .con > .page_box .video_p .buy_b .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 100%; height: 30px; border: 1px solid #309FD8; padding: 4px 13px; font-size: 16px; background-color: #fff; margin-right: 20px; margin-bottom: 10px; }
  .container_page > .con > .page_box .video_p .buy_b #speed2-button { text-align: left; text-align: left; white-space: nowrap; width: 100%; height: 30px; border: 1px solid #309FD8; padding: 4px 13px; font-size: 16px; background-color: #fff; margin-right: 0px; }
  .container_page > .con > .page_box .col4_2_f { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
  .container_page > .con > .page_box .col4_2_f.f_box_1 a { width: 100%; margin-right: 0px; }
  .container_page > .con > .page_box .col4_2_f.f_box_1 a > div { width: 100%; margin-right: 0px; margin-bottom: 20px; }
  .container_page > .con > .page_box .col4_2_f.f_box_2 a { width: 100%; margin-right: 0px; }
  .container_page > .con > .page_box .col4_2_f.f_box_2 a > div { margin-bottom: 20px; }
  .container_page > .con > .page_box .col4_2_f.f_box_2 a > div h3 { min-height: auto; margin-bottom: 10px; }
  .container_page > .con > .page_box .col4_2_f.f_box_3 a { width: 100%; margin-right: 0px; margin-bottom: 20px; }
  .container_page > .con > .page_box .col4_2_f.f_box_3 a > div { background-position: 90% 135%; background-size: 80px; }
  .container_page > .con > .page_box .col4_2_f.f_box_3 a > div h3 { min-height: auto; margin-bottom: 10px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_title h2 { height: auto; margin-bottom: 18px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_title h2 span { display: block; margin-top: -18px; font-weight: bold; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_title p { margin-bottom: 20px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_icons { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_icons > div { width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom: 20px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_icons > div:nth-child(2n) { margin-right: 0px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_icons > div:last-child { margin-right: 0px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step_icons > div p { margin-left: 10px; font-size: 18px; color: #333333; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title { display: flex; flex-wrap: wrap; background-color: #fff; margin-bottom: 24px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(1) { font-size: 24px; font-weight: bold; width: 100%; height: auto; text-align: center; background-color: #444; color: #fff; padding: 11px 15px; line-height: 120%; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) { width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .step2_title > div:nth-child(2) > p { font-size: 17px; margin-bottom: 4px; color: #444444; text-indent: -85px; margin-left: 82px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step { display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul { width: 100%; margin-right: 0px; margin-bottom: 32px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li { font-size: 16px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d6d6d6; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li span { background-color: #FF5C26; color: #fff; padding: 3px; margin-left: 5px; font-size: 15px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) { border-bottom: 2px solid #444444; padding-bottom: 8px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) p { font-size: 18px; color: #0085D1; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col3_step > ul > li:nth-child(1) p span { font-weight: bold; background: none; color: #0085D1; padding: 0px; margin-left: 0px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul { width: 100%; margin-right: 0px; margin-bottom: 32px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul:nth-child(2n) { margin-right: 0px; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li { font-size: 16px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d6d6d6; }
  .container_page > .con > .page_box .f2_9_box .step_box .step2_box .col2_step > ul > li span { background-color: #FF5C26; color: #fff; padding: 3px; margin-left: 5px; font-size: 15px; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li { display: flex; flex-wrap: wrap; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div:nth-child(1) { width: 100%; color: #878787; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div:nth-child(2) { width: 100%; color: #444444; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul > li > div h3 { font-size: 18px; font-weight: bold; color: #0085D1; margin-top: 0; margin-bottom: 0; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul.oil > li > div:nth-child(2) { text-align: left; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul.oil > li > div.halfBox { flex-direction: column; }
  .container_page > .con > .page_box .f2_9_box .step_box .col1_step > ul.oil > li > div.halfBox > div { text-align: left; }
  .container_page > .con > .page_box .f2_9_box .step_box .f2_table_box .f2_table_px { display: none; }
  .container_page > .con > .page_box .change_description { margin-bottom: 40px; }
  .container_page > .con > .page_box .change_description > ul > li .change_col3 { display: inline; margin-left: 0px; margin-top: 20px; margin-bottom: 36px; }
  .container_page > .con > .page_box .change_description > ul > li .change_col3 > div { width: 100%; padding: 20px; background-color: #E8F4F9; border-radius: 5px; display: flex; padding-top: 12px; margin-right: 18px; margin-bottom: 20px; }
  .container_page > .con > .page_box .change_description > ul > li .change_col3 > div:nth-child(3n) { margin-right: 0px; }
  #speed2-button { text-align: left; white-space: nowrap; width: 23%; height: 30px; border: 1px solid #309FD8; font-size: 16px; background-color: #fff; margin-right: 0px; }
  .opening_table1 > ul li { text-align: left; display: table; border-top: 1px solid #AAAAAA; width: 100%; padding: 8px 0px; }
  .opening_table1 > ul li:nth-child(1) { border-top: 2px solid #444444; }
  .opening_table1 > ul li.i_li > div:nth-child(2) > p { width: calc(100% - 55px); }
  .opening_table1 > ul li:last-child > div { vertical-align: top; }
  .opening_table1 > ul li > div { font-size: 16px; display: block; }
  .opening_table1 > ul li > div:nth-child(1) { width: 150px; color: #287196; font-weight: bold; }
  .opening_table1 > ul li > div:nth-child(2) > p { display: inline-block; width: 100%; margin-top: 5px; }
  .opening_table1 > ul li > div .icon_qr_box { display: table; width: 32%; }
  .opening_table1 > ul li > div .icon_qr_box > div { display: table-cell; vertical-align: top; }
  .opening_table1 > ul li > div .icon_qr_box > div .qr_icon { display: none; }
  .timelineContainer .tl-Flexbox { flex-direction: column; }
  .timelineContainer .tl-yearBox { flex-direction: row; }
  .timelineContainer .tl-yearBox .circleBox .year { font-size: 16px; }
  .timelineContainer .tl-yearBox::before { content: ""; width: auto; margin: auto; flex-grow: 1; height: 1px; background-color: #00B4AC; }
  .timelineContainer .tl-yearBox:after { content: ""; width: auto; margin: auto; flex-grow: 1; height: 1px; }
  .timelineContainer .tl-detailBox { padding-left: 10px; padding-bottom: 40px; }
  .specDetailFlexBox { flex-direction: column; }
  .specDetailFlexBox .item:first-child { width: 100%; padding-right: 0px; margin-bottom: 50px; }
  .specDetailFlexBox .item:nth-child(2) { width: 100%; }
  .tbl-style1.sty1 thead th:nth-child(2) { width: 110px; } }
/**/
.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 14px; font-size: 16px; font-family: '微軟正黑體'; }

.btn_box_fff { width: 132px; height: 40px; border-radius: 10px; background-color: #0085D1; color: #fff; margin: 0 auto; margin-bottom: 30px; text-align: center; padding-top: 8px; box-shadow: 1px 7px 13px -10px #242424; -webkit-box-shadow: 1px 7px 13px -10px #242424; -moz-box-shadow: 1px 7px 13px -10px #242424; -o-box-shadow: 1px 7px 13px -10px #242424; }

.wrap-w .blue_txt25 { font-size: 20px; font-weight: 600; color: #0085D1; }
.wrap-w .e01_table table { border: 1px solid #CCCCCC; background-color: #fff; width: 100%; margin: 0 auto; margin-top: 10px; }
.wrap-w .e01_table table tr { text-align: center; }
.wrap-w .e01_table table tr td:nth-child(1) { border-bottom: 1px solid #CCCCCC; width: 108px; text-align: center; padding: 10px; }
.wrap-w .e01_table table tr td:nth-child(2) { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 14px 10px; }
.wrap-w .e01_table table tr td button { border: none; position: relative; border-radius: 5px; padding: 7px 12px; margin: 5px 8px; background: -webkit-linear-gradient(#fdfdfd, #e2e2e2 60%); background: -o-linear-gradient(#fdfdfd, #e2e2e2 60%); background: linear-gradient(#fdfdfd, #e2e2e2 60%); box-shadow: 0px 0px 6px -1px #333333; -webkit-box-shadow: 0px 0px 6px -1px #333333; -moz-box-shadow: 0px 0px 6px -1px #333333; -o-box-shadow: 0px 0px 6px -1px #333333; }
.wrap-w .e01_table table tr td button i { width: 16px; height: 19px; background: url(../images/e01_icons.png) no-repeat; background-size: cover; background-position: center center; display: inline-block; position: absolute; top: 8px; }
.wrap-w .e01_table table tr td button span { padding: 0 0 0 24px; }
.wrap-w .caveat_box { margin-top: 20px; }
.wrap-w .caveat_box .box { padding-bottom: 30px; margin-bottom: 20px; display: inline-flex; flex-wrap: wrap; width: 100%; }
.wrap-w .caveat_box .box div { display: inline-block; }
.wrap-w .caveat_box .box div .caveat_icons_2 { width: 69px; height: 24px; background: url(../images/e01_icons_5.png) no-repeat; background-size: cover; background-position: center center; display: inline-block; }

.boxnumber { font-size: 14px; line-height: 22px; }
.boxnumber .number1 { display: table; }
.boxnumber .number1::before { content: attr(number-1); width: 14px; display: table-cell; vertical-align: top; float: none; }

.redremind { background-color: #FF5C26 !important; color: #ffffff !important; font-size: 15px !important; margin-left: 10px !important; padding: 2px 5px !important; }

@media (max-width: 768px) { .api_img_box img { width: 80%; }
  .e01_table { display: none; }
  .mo-ds-none { display: none; } }
.fubon_group { line-height: 1.4; width: 100%; position: relative; z-index: 11; margin-top: -73px; transition: margin-top .35s ease-in-out; }
.fubon_group::before, .fubon_group::after { content: ""; display: inline-block; position: absolute; top: 0; width: 50%; height: 100%; }
.fubon_group::before { left: 0; background-color: #0089d1; }
.fubon_group::after { right: 0; background-color: #01b6ad; }
.fubon_group.active { margin-top: -0px; }
.fubon_group #btnNavClose { display: none; }
.fubon_group > div.wrap { display: table; padding: 13px 0 5px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad)); background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: linear-gradient(to right, #0089d1 0%, #01b6ad 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1); z-index: 1; }
.fubon_group > div.wrap > nav { display: table-footer-group; }
.fubon_group > div.wrap > nav > a { display: none; }
.fubon_group > div.wrap > nav > ul { margin-top: 10px; display: block; overflow: hidden; width: 100%; margin-top: 12px; }
.fubon_group > div.wrap > nav > ul > li { float: left; margin: 0 15px 0 0; }
.fubon_group > div.wrap > nav > ul > li > a { font-size: 13px; color: #fff; border-bottom: 1px solid transparent; -moz-transition: border-bottom ease 0.3s; -o-transition: border-bottom ease 0.3s; -webkit-transition: border-bottom ease 0.3s; transition: border-bottom ease 0.3s; }
.fubon_group > div.wrap > nav > ul > li > a::before { color: #01cfc5; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-weight: bold; margin-right: 5px; margin-bottom: 3px; }
.fubon_group > div.wrap > nav > ul > li > a:hover { border-color: #fff; }
.fubon_group > div.wrap > nav + nav { display: block; }
.fubon_group > div.wrap > nav + nav > ul { margin-top: 0px; }
.fubon_group > div.wrap > nav + nav > ul > li { float: left; }
.fubon_group > div.wrap > nav + nav > ul > li > a::before { color: #ffffff; }
.fubon_group > div.wrap > nav + nav > ul > li > a i { display: none; }
.fubon_group > div.wrap #btnControl { position: absolute; bottom: -25px; right: 0; display: inline-block; margin: 0 15px 0 0; padding: 4px 20px 5px; border-radius: 0 0 20px 20px; font-size: 12px; color: #fff; text-align: center; background-color: #01b6ad; z-index: 3; }

.nav-wrap { height: 0; top: 0; top: 161px; padding: 0; position: absolute; z-index: 3; display: inline; width: 100%; text-align: center; }
.nav-wrap .nav-menu { display: inline-block; width: 1000px; margin: 0 auto; top: 161px; }
.nav-wrap .nav-menu.top108 { top: 108px; }
.nav-wrap .nav-menu > ul { /* level 1*/ padding-left: 208px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nav-wrap .nav-menu > ul .item > a { display: block; padding: 10px 0px 15px; font-size: 15px; color: #5a5a5a; position: relative; z-index: 3; height: 60px; }
.nav-wrap .nav-menu > ul .item > a:hover { color: #0089d1; }
.nav-wrap .nav-menu > ul .item.current > a { color: #0089d1; }
.nav-wrap .nav-menu > ul .item > ul { /*level 2 */ display: none; position: absolute; z-index: 100; width: 1000px; left: 0; }
.nav-wrap .nav-menu > ul .item > ul > li { width: calc((100% - 60px)/4); float: left; text-align: left; margin-right: 20px; }
.nav-wrap .nav-menu > ul .item > ul > li:nth-child(4n) { margin-right: 0px; }
.nav-wrap .nav-menu > ul .item > ul > li > a { display: block; margin-left: 1px; padding: 9px 21px; height: 39px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 15px; color: #2a2a2a; }
.nav-wrap .nav-menu > ul .item > ul > li > a:nth-child(1) { color: #0089d1; font-size: 18px; padding-bottom: 37px; border-bottom: 1px solid #D9D9D9; }
.nav-wrap .nav-menu > ul .item > ul > li > a:nth-child(1).notitle { font-size: 15px; color: #2a2a2a; padding-bottom: 0px !important; border: none; }
.nav-wrap .nav-menu > ul .item > ul > li > a:nth-child(1).noborder { border: none; }
.nav-wrap .nav-menu > ul .item > ul > li:first-child > a::before { width: 0; }
.nav-wrap .nav-menu > ul .item > ul > li .f227 { left: 227px; }
.nav-wrap .nav-menu > ul .item > ul > li > ul { /*level 3 */ display: none; width: 100%; padding: 20px; position: absolute; left: 0; min-height: 335px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 3px solid #0089d1; background-color: #f4f4f4; z-index: 101; flex-wrap: wrap; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li { padding: 0 10px; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li > a { display: block; padding: 0 3px 15px; font-size: 18px; color: #0089d1; border-bottom: 1px solid #ccc; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li > ul { padding: 10px 3px 25px; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li > ul > li { text-align: left; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li > ul > li > a { display: block; padding: 7px 0; font-size: 15px; color: #2a2a2a; }
.nav-wrap .nav-menu > ul .item > ul > li > ul > li > ul > li > a:hover { color: #0089d1; }
.nav-wrap .nav-menu > ul .item > ul > li:hover > ul { /*display:inline-block;*/ display: inline-flex; align-items: stretch; }
.nav-wrap .nav-menu > ul .item > ul.fixed { position: fixed; top: 0; left: 0; right: 0; width: 1000px; display: inline-block; text-align: center; background-color: #ffffff; margin: 0 auto; }
.nav-wrap .nav-menu > ul .item > ul.fixed::before { content: ''; position: fixed; left: 0px; top: 0px; width: 100%; height: 39px; background-color: #ffffff; display: inline-block; border-bottom: 3px solid #0089d1; }
.nav-wrap .nav-menu > ul .item.activelist > ul { padding: 22px 28px; display: inline-block; background-color: #fff; margin-top: -7px; display: flex; flex-wrap: wrap; }
.nav-wrap .nav-menu > ul .owl-nav { position: relative; }
.nav-wrap .nav-menu #fast-menu { position: absolute; right: 0; z-index: 122; padding-left: 0; top: 49px; }
.nav-wrap .nav-menu #fast-menu a { cursor: pointer; color: #ffffff; font-size: 18px; padding: 2px 14px 0 54px; height: 39px; display: inline-block; line-height: 39px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.nav-wrap .nav-menu #fast-menu a i { position: absolute; display: inline-block; margin-top: 4px; margin-right: 10px; left: 20px; }
.nav-wrap .nav-menu #fast-menu a.login { background-color: #0089D1; border-right: 1px; border-color: #ffffff; border-style: solid; }
.nav-wrap .nav-menu #fast-menu a.onlineopen { background-color: #17C1F1; }
.nav-wrap .nav-menu .icon-txt { padding-top: 0px; }
.nav-wrap .nav-menu .icon-txt a { color: #0089d1; font-size: 16px; padding: 0px 0px 14px; }

header { line-height: 100%; margin-bottom: 0px; background: #ffffff; }
header .bg_bor { width: 100%; height: 5px; background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad)); background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: linear-gradient(to right, #0089d1 0%, #01b6ad 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1); }
header > .wrap > .hd-main { padding: 51px 0 20px; }
header > .wrap > .hd-main form { display: block; margin-top: 0em; }
header > .wrap > .hd-main .hd-burger { display: none; }
header > .wrap > .hd-main .hd-logo { position: relative; z-index: 15; display: inline-block; width: 157px; height: 33px; background: url(../images/logo.png) no-repeat center center; background-size: cover; vertical-align: middle; }

.hd-tool { float: right; position: relative; margin-top: 0px; z-index: 1450; }
.hd-tool .hd-search { float: left; width: 45px; padding: 0 10px; position: relative; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: width ease 0.3s; -o-transition: width ease 0.3s; -webkit-transition: width ease 0.3s; transition: width ease 0.3s; }
.hd-tool .hd-search .hd-search__box { max-width: 0; overflow: hidden;             /*.mo-show{
							display: none!important;
						}*/ }
.hd-tool .hd-search .hd-search__box input { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-appearance: none; height: 30px; padding: 0 40px 0 10px; border: 1px solid transparent; border-radius: 30px; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hd-tool .hd-search .hd-search__btn { position: absolute; top: 0; right: 10px; display: inline-block; width: 30px; height: 30px; text-align: center; vertical-align: middle; border-radius: 30px; }
.hd-tool .hd-search .i-search { display: inline-block; width: 22px; height: 22px; overflow: hidden; background: url(../images/icons/qamag-icon_g.png) no-repeat; vertical-align: bottom; background-position: center; margin-top: 5px; background-size: cover; }
.hd-tool .hd-search.active { width: 150px; }
.hd-tool .hd-search.active .hd-search__box { max-width: 100%; border-radius: 30px; }
.hd-tool .hd-search.active .hd-search__box input { width: 100%; border-color: #a8a8a8; }
.hd-tool .hd-search.active .hd-search__btn { background-color: #0089d1; }
.hd-tool .hd-search.active .hd-search__btn > .i-search { background-position: center; }

/**/
.wrap-page #magic-line { position: absolute; bottom: 0px; left: 0; width: 100px; height: 5px; background: #0089d1; z-index: 1; }

#magic-line { position: absolute; bottom: 12px; left: 0; width: 100px; height: 5px; background: #d9d9d9; z-index: 1; }

.ie6 #example-one li, .ie7 #example-one li { display: inline; }

.ie6 #magic-line { bottom: 0px; }

.menu-mask { display: none; position: fixed; width: 100%; height: 100%; left: -100px; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; transition: left .35s ease-in-out; }

@media (max-width: 768px) { .fubon_group { position: absolute; height: 100%; /*overflow:hidden;*/ z-index: 1001; top: 0; margin-top: 0; transition: left .35s ease-in-out; width: 80%; left: -80%; }
  .fubon_group::before, .fubon_group::after { background: none; }
  .fubon_group #btnNavClose { display: none; }
  .fubon_group > div.wrap { padding: 0; background: none; width: 100%; margin: 0; z-index: 1002; }
  .fubon_group > div.wrap > nav { display: block; padding: 0 15px; position: relative; margin: 0 0 0px 0; height: 51px; overflow: hidden; background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad)); background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: linear-gradient(to right, #0089d1 0%, #01b6ad 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1); -moz-transition: height ease 0.6s; -o-transition: height ease 0.6s; -webkit-transition: height ease 0.6s; transition: height ease 0.6s; }
  .fubon_group > div.wrap > nav > a { cursor: pointer; position: static; display: block; padding: 15px 0; margin: 0; font-size: 15px; text-align: left; background-color: transparent; color: #ffffff; }
  .fubon_group > div.wrap > nav > a::after { content: "\e902"; position: absolute; right: 15px; font: normal normal normal 14px/1 FuBon-Font; font-size: inherit; text-rendering: auto; text-transform: none; speak: none; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .fubon_group > div.wrap > nav > ul { display: inline; margin-top: 0; }
  .fubon_group > div.wrap > nav > ul > li { width: 100%; float: none; display: block; margin: 0; overflow: hidden; }
  .fubon_group > div.wrap > nav > ul > li > a { padding: 8px 0; margin-left: 15px; position: relative; display: block; border: none; }
  .fubon_group > div.wrap > nav > ul > li > a::before { content: ""; display: inline-block; position: absolute; top: 50%; left: -10px; margin-top: -2px; width: 3px; height: 5px; background: #05a9ff; vertical-align: middle; }
  .fubon_group > div.wrap > nav > ul > li > a:hover { border: none; }
  .fubon_group > div.wrap > nav + nav { margin: 0; }
  .fubon_group > div.wrap > nav + nav i { display: inline-block; }
  .fubon_group > div.wrap > nav.active { height: auto; }
  .fubon_group > div.wrap > nav.active > a::after { content: "\e900"; }
  .fubon_group > div.wrap > nav.social { display: inline-block; width: 100%; background: none; background-color: #ffffff; position: relative; overflow: hidden; bottom: 0px; right: 0px; padding-top: 10px; height: 45px; text-align: center; }
  .fubon_group > div.wrap > nav.social > ul { margin: 0; padding: 0; float: none; }
  .fubon_group > div.wrap > nav.social > ul > li { padding: 0 10px; }
  .fubon_group > div.wrap > nav.social > ul > li > a { padding: 0; width: 25px; height: 25px; display: inline-block; vertical-align: top; }
  .fubon_group > div.wrap > nav.social > ul > li > a i { display: inline-block; }
  .fubon_group > div.wrap > nav.social > ul > li > a::before { display: none; }
  .fubon_group > div.wrap > nav.social > ul > li > a:first-child { margin-left: 0; }
  .fubon_group > div.wrap #btnControl { display: none; }
  .fubon_group .nav-wrap { z-index: 1002; height: auto; width: 100%; top: 0; padding: 0; position: relative; display: block; text-align: center; margin-top: 62px; }
  .fubon_group .nav-wrap .nav-menu { display: block; width: 100%; position: relative; margin: 0; top: 0; background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad)); background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: linear-gradient(to right, #0089d1 0%, #01b6ad 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1); padding-top: 5px; }
  .fubon_group .nav-wrap .nav-menu > ul { width: 100%; position: relative; padding: 0; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .fubon_group .nav-wrap .nav-menu > ul > li { display: block; float: none; }
  .fubon_group .nav-wrap .nav-menu > ul > li > a { width: calc(100% - 30px); margin: 0 auto; padding: 12px 0px; font-size: 18px; font-weight: normal; color: #2a2a2a; border-bottom: 1px solid #ccc; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; }
  .fubon_group .nav-wrap .nav-menu > ul > li > a::after { content: "\e902"; color: #555555; position: absolute; right: 0px; font: normal normal normal 14px/1 FuBon-Font; font-size: inherit; text-rendering: auto; text-transform: none; speak: none; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; }
  .fubon_group .nav-wrap .nav-menu > ul > li > a:hover { color: #2a2a2a; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > a { border: none; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > a::after { content: "\e900"; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > ul { background-color: #F4F4F4; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > ul > li a { width: calc(100% - 30px); margin: 0 auto; background-color: #F4F4F4; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > ul > li a:nth-child(1) { padding-bottom: 20px; border-bottom: 0px solid #D9D9D9; }
  .fubon_group .nav-wrap .nav-menu > ul > li.activelist > ul > li a:nth-child(2) { border-top: 1px solid #D9D9D9; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul { /*level 2 */ position: relative; width: 100%; display: none; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li { float: none; width: 100%; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > a { text-align: left; padding: 10px; height: auto; font-size: 15px; text-align: left; background-color: #fff; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > a::before { width: 0px; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li .mo-f0 { left: 0px; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul { /*level 3 */ display: inline-block; min-height: 150px; padding: 20px; position: relative; left: 0; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li { width: 100%; float: none; padding: 0 10px; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li > a { display: block; padding: 0 3px 15px; font-size: 18px; color: #0089d1; border-bottom: 1px solid #ccc; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li > ul { width: 100%; padding: 10px 3px; display: inline-block; margin-bottom: 15px; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li > ul > li { float: left; width: 50%; text-align: left; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li > ul > li > a { display: block; padding: 7px 0; font-size: 17px; color: #2a2a2a; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li > ul > li > ul > li > a:hover { color: #0089d1; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li:hover > a { background: none; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul > li:hover > ul { display: inline-block; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul.fixed { position: relative; top: initial; left: initial; right: initial; width: 100%; display: initial; text-align: initial; background: none; margin: unset; }
  .fubon_group .nav-wrap .nav-menu > ul > li > ul.fixed::before { display: none; }
  .fubon_group .nav-wrap .nav-menu #fast-menu { position: fixed; right: 15px; top: 11px; display: inline-block; width: auto; }
  .fubon_group .nav-wrap .nav-menu #fast-menu > li { display: inline-block; }
  .fubon_group .nav-wrap .nav-menu #fast-menu a { cursor: pointer; padding: 0 3px; width: 30px; height: 36px; }
  .fubon_group .nav-wrap .nav-menu #fast-menu a i { position: absolute; display: inline-block; margin-top: 0px; margin-right: 0px; left: 3px; top: 3px; width: 24px; background-image: url(../images/icons/open.png); background-position: center center; background-size: contain; }
  .fubon_group .nav-wrap .nav-menu #fast-menu a.login { display: none; }
  .fubon_group .nav-wrap .nav-menu #fast-menu a.onlineopen { background-color: #17C1F1; text-indent: -9999px; border-radius: 5px; }
  .fubon_group .nav-wrap .nav-menu .icon-txt { padding-top: 0px; }
  .fubon_group .nav-wrap .nav-menu .icon-txt li:nth-child(2n) a { color: #0089d1; font-size: 18px; padding: 0px 0px 14px 0px; }
  .fubon_group .nav-wrap .nav-menu .icon-txt li:nth-child(2n+1) a { color: #0089d1; font-size: 18px; padding: 0px 13px 14px 0px; }
  .fubon_group.open { left: 0%; display: block; height: auto; width: 100%; }
  .fubon_group.open #btnNavClose { display: inline-block; }
  .fubon_group.open .nav-menu > ul { background-color: #ffffff; display: inline-block; }
  .fubon_group.open .nav-menu > ul > li.current > a { color: #2a2a2a; }
  .fubon_group.open .menu-mask { display: block; left: 0px; }
  header { height: 56px; margin-bottom: 0; }
  header > .wrap > nav { display: none; }
  header > .wrap > .hd-main { padding: 13px 10px 10px; position: fixed; min-width: 320px; top: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #ccc; z-index: 150; }
  header > .wrap > .hd-main::before { position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad)); background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%); background: linear-gradient(to right, #0089d1 0%, #01b6ad 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; }
  header > .wrap > .hd-main .hd-burger { display: inline-block; width: 30px; height: 30px; font-size: 26px; line-height: 1; vertical-align: middle; text-align: center; }
  header > .wrap > .hd-main .hd-burger .i-burger { display: inline-block; width: 30px; height: 30px; background: url(../images/burger.png) no-repeat; background-size: 30px; vertical-align: middle; }
  header > .wrap > .hd-main .hd-logo { width: 117px !important; height: 25px !important; background-image: url(../images/logo.png) !important; background-size: contain !important; margin: 0 8px; }
  .hd-tool { position: static; margin-top: 0; margin-right: 0px; }
  .hd-tool .hd-search { position: static; width: auto; padding: 0; margin: 0 5px; vertical-align: middle; height: 32px; top: 2px; }
  .hd-tool .hd-search .hd-search__box { display: none; position: absolute; top: 56px; left: 0; width: 100%; max-width: none; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 137, 209, 0.85);                 /*
							.mo-show{
								display:block !important;
							}
							*/ }
  .hd-tool .hd-search .hd-search__box input { width: 90% !important; }
  .hd-tool .hd-search .hd-search__box .hd-search__close { position: absolute; right: 14px; top: 6px; }
  .hd-tool .hd-search .hd-search__box .i-close--search { display: inline-block; background: url(../images/icon-search-close.png) no-repeat; background-size: 20px; vertical-align: middle; width: 20px; height: 20px; }
  .hd-tool .hd-search .hd-search__btn { position: static; }
  .hd-tool .hd-search.active { width: auto; }
  .hd-tool .hd-search.active .hd-search__box { display: block; border-radius: inherit; }
  .hd-tool .hd-search.active .hd-search__btn { background: none; }
  .hd-tool .hd-search.active .hd-search__btn > .i-search { background-position: center; }
  #magic-line { display: none; }
  .nav.active .nav-menu__close { display: inline-block; right: 0; }
  .nav-menu__close { width: 100%; height: 60px; background-color: #fff; position: fixed; padding: 15px; top: 2px; right: 0%; z-index: 2001; -moz-transition: right ease 0.6s; -o-transition: right ease 0.6s; -webkit-transition: right ease 0.6s; transition: right ease 0.6s; } }
.i-arrow-updown:before, .i-arrow-right:before { font: normal normal normal 14px/1 FuBon-Font; font-size: inherit; text-rendering: auto; text-transform: none; speak: none; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.i-arrow-right:before { content: "\e91e"; }

.nav-menu__close > i { float: right; }

.i-close__bl-15, .i-close--bk-15, .i-close__bl-20 { display: inline-block; background: url(../images/icons/icon-close.png) no-repeat; vertical-align: middle; overflow: hidden; }

.i-close--bk-15 { width: 15px; height: 15px; background-position: 0 -15px; }

.social { display: inline-block; position: absolute; overflow: hidden; bottom: 70px; right: 110px; display: flex; align-items: center; }
.social ul { margin: 0; padding: 0; float: right; font-size: 18px; line-height: 1.4; list-style-type: none; }
.social ul > li { float: left; padding: 0 10px; }
.social ul > li a { font-size: 13px; color: #727272; width: 25px; height: 25px; display: inline-block; vertical-align: top; }
.social ul > li a i { display: inline-block; }
.social ul > li a::before { display: none; }

footer { min-width: 100%; display: inline-block; background-color: #7C7C7C; text-align: center; position: relative; }
footer > div.sitemap { position: relative; background-color: #0089d1; width: 100%; text-align: center; }
footer > div.sitemap > a { cursor: pointer; display: inline-block; width: 110px; padding: 2px 10px 1px; position: absolute; top: -12px; left: 50%; margin-left: -55px; font-size: 14px; color: #5a5a5a; text-align: center; border: 1px solid #a8a8a8; background-color: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9; }
footer > div.sitemap > a > i { margin: 0 5px; }
footer > div.sitemap > a > i::before { content: "\e900"; font: normal normal normal 14px/1 FuBon-Font; font-size: inherit; text-rendering: auto; text-transform: none; speak: none; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
footer > div.sitemap > nav { display: none; width: 1000px; margin: 0; padding: 35px 0; color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer > div.sitemap > nav > ul > li { font-size: 16px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin-right: 20px; }
footer > div.sitemap > nav > ul > li:last-child { margin-right: 0; }
footer > div.sitemap > nav > ul > li a { display: block; width: 100%; }
footer > div.sitemap > nav > ul > li > ul { margin: 12px 0 0; float: left; margin-right: 20px; }
footer > div.sitemap > nav > ul > li > ul:last-child { margin-right: 0; }
footer > div.sitemap > nav > ul > li > ul > li { font-size: 13px; margin-top: 2px; display: block; line-height: 2; }
footer > div.sitemap > nav > ul > li > ul > li:first-child { margin: 0; }
footer > div.sitemap > nav > ul > li > ul > li a { display: inline-block; }
footer > div.sitemap > nav > ul > li > ul > li a:hover { text-decoration: underline; }
footer > div.sitemap.active > a > i::before { content: "\e903"; }
footer > div.sitemap.active nav { display: inline-block; }
footer > .copyright { display: inline-block; width: 1000px; }
footer > .copyright > nav { display: inline-block; text-align: left; padding: 24px 10px 15px; color: #ffffff; line-height: 2; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; }
footer > .copyright > nav > ul { display: inline-block; width: 100%; }
footer > .copyright > nav > ul > li { float: left; position: relative; display: table; vertical-align: middle; }
footer > .copyright > nav > ul > li::before { content: "|"; padding: 0 5px; display: table-cell; vertical-align: middle; float: none; }
footer > .copyright > nav > ul > li:first-child::before { display: none; }
footer > .copyright > nav > span { display: inline-block; margin-right: 23px; }
footer > .copyright > div { width: calc(100% - 700px); display: inline-block; text-align: center; }
footer > .copyright > div > div { display: inline-block; text-align: center; padding: 24px 0; }

@media (max-width: 768px) { footer > div.sitemap > nav { display: none; width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  footer > div.sitemap > nav > ul { padding: 10px 0; }
  footer > div.sitemap > nav > ul > li { float: none; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0px; border-top: 1px solid #0078b7; position: relative; }
  footer > div.sitemap > nav > ul > li > ul { margin: 12px 0 0; float: none; }
  footer > div.sitemap > nav > ul > li > ul + ul { margin-top: 0; }
  footer > div.sitemap > nav > ul > li::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; background: #05a9ff; overflow: hidden; vertical-align: middle; }
  footer > div.sitemap > nav > ul > li:first-child { border-top: 0; }
  footer > div.sitemap > nav > ul > li:first-child::after { height: 0; }
  footer > .copyright { width: 100%; padding-bottom: 50px; }
  footer > .copyright > nav { width: 100%; padding: 0px; float: none; position: relative; }
  footer > .copyright > nav::after { display: none; }
  footer > .copyright > nav > p { padding: 5px 10px 0px; }
  footer > .copyright > nav > ul { margin-top: 5px; width: 100%; }
  footer > .copyright > nav > ul > li { width: 100%; float: none; border-bottom: 1px solid #A8A8A8; display: inline-block; float: none; padding: 11px 0px; }
  footer > .copyright > nav > ul > li::before { display: none; }
  footer > .copyright > nav > ul > li > a { padding: 0 20px; }
  footer > .copyright > nav > span { display: block; padding: 5px 10px 0px; color: #fff; margin: 0; }
  footer > .copyright > nav > span:last-child { padding-bottom: 15px; }
  footer > .copyright > div { width: 100%; display: inline-block; } }
/* 首頁 banner */
.banner { display: block; width: 100%; overflow: hidden; }
.banner.inside { height: 250px; border: none; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.banner.inside > img { width: 100%; }

/*首頁常用功能*/
.indexarea1 { display: block; width: 100%; }
.indexarea1 > div.menu { background: #01b5ad; background: -moz-linear-gradient(left, #01b5ad 26%, #139992 100%); background: -webkit-linear-gradient(left, #01b5ad 26%, #139992 100%); background: linear-gradient(to right, #01b5ad 26%, #139992 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b5ad', endColorstr='#139992',GradientType=1 ); display: block; width: 100%; min-width: 1000px; height: 98px; text-align: center; }
.indexarea1 > div.menu ul { display: inline-flex; width: 100%; max-width: 1024px; min-width: 1000px; }
.indexarea1 > div.menu ul > li { height: 98px; display: flex; flex-wrap: wrap; font-size: 18px; color: #ffffff; width: calc((100% / 4) ); text-align: center; align-items: center; justify-content: center; position: relative; }
.indexarea1 > div.menu ul > li .menu_txt { font-size: 16px; text-align: left; }
.indexarea1 > div.menu ul > li::before { content: ''; height: 85%; width: 1px; border-left-color: #1C9B95; border-left-width: 1px; border-left-style: solid; background-color: #61E2DC; position: absolute; left: 0; top: 8px; }
.indexarea1 > div.menu ul > li:nth-child(1) { width: calc((100% / 4) ); }
.indexarea1 > div.menu ul > li:nth-child(1)::before { content: ''; height: 85%; width: 1px; border-left-width: 0px; background: none; }
.indexarea1 > div.menu ul > li:last-child { width: calc((100% / 4) ); }
.indexarea1 > div.menu ul > li i { display: inline-block; }
.indexarea1 > div.menu ul > li i.icons-indexarea1 { background-image: url(../images/indexicon1.png); background-position: center; background-repeat: no-repeat; height: 69px; width: 69px; margin-right: 10px; background-size: cover; }
.indexarea1 > div.menu ul > li i.icons-indexarea2 { background-image: url(../images/indexicon2.png); background-position: center; background-repeat: no-repeat; height: 69px; width: 69px; margin-right: 10px; background-size: cover; }
.indexarea1 > div.menu ul > li i.icons-indexarea3 { background-image: url(../images/indexicon3.png); background-position: center; background-repeat: no-repeat; height: 69px; width: 69px; margin-right: 10px; background-size: cover; }
.indexarea1 > div.menu ul > li i.icons-indexarea4 { background-image: url(../images/indexicon4.png); background-position: center; background-repeat: no-repeat; height: 69px; width: 69px; margin-right: 10px; background-size: cover; }
.indexarea1 > div.menu ul > li span { display: block; width: 100%; text-align: center; }

.quick_view { background-color: #ECECEC; border-bottom: 1px solid #ffffff; padding-top: 42px; margin-bottom: -60px; }
.quick_view .col4 { min-width: 1000px; width: 1000px; margin: 0 auto; }
.quick_view .col4 > ul { display: flex; }
.quick_view .col4 > ul > li { margin-right: 10px; width: calc((100% - 30px) / 4); position: relative; display: flex; }
.quick_view .col4 > ul > li:last-child { margin-right: 10px; }
.quick_view .col4 > ul > li > .box_q { flex-wrap: wrap; }
.quick_view .col4 > ul > li > .box_q .quick_pic1 { width: 243px; height: 217px; display: inline-block; background-image: url(../images/indeximg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.quick_view .col4 > ul > li > .box_q .quick_pic2 { width: 243px; height: 217px; display: inline-block; background-image: url(../images/indeximg2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.quick_view .col4 > ul > li > .box_q .quick_pic3 { width: 243px; height: 217px; display: inline-block; background-image: url(../images/indeximg3.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.quick_view .col4 > ul > li > .box_q .quick_pic4 { width: 243px; height: 217px; display: inline-block; background-image: url(../images/indeximg4.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.quick_view .col4 > ul > li > .box_q > .txt_box { width: 214px; min-height: 298px; padding: 24px 27px; background-color: #fff; right: -29px; position: relative; top: -118px; }
.quick_view .col4 > ul > li > .box_q > .txt_box h3 { font-size: 25px; color: #1F587E; margin-top: 12px; margin: 0 0px 11px 5px; font-weight: bold; }
.quick_view .col4 > ul > li > .box_q > .txt_box p { font-size: 15px; border-top: 1px solid #DDDDDD; padding: 6px 5px; color: #525252; }
.quick_view .col4 > ul > li > .box_q > .txt_box p:hover { color: #0072E3; }
.quick_view .col4 > ul > li > .box_q > .txt_box p:hover span { border-bottom: 1px solid #0072E3; }
.quick_view .col4 > ul > li > .box_q:hover .quick_pic1 { background-image: url(../images/indeximg1_h.jpg); transition: 0.5s; }
.quick_view .col4 > ul > li > .box_q:hover .quick_pic2 { background-image: url(../images/indeximg2_h.jpg); transition: 0.5s; }
.quick_view .col4 > ul > li > .box_q:hover .quick_pic3 { background-image: url(../images/indeximg3_h.jpg); transition: 0.5s; }
.quick_view .col4 > ul > li > .box_q:hover .quick_pic4 { background-image: url(../images/indeximg4_h.jpg); transition: 0.5s; }
.quick_view .col4 > ul > li > .box_q:hover > .txt_box { box-shadow: 0px 9px 19px -2px rgba(36, 36, 36, 0.28); -webkit-box-shadow: 0px 9px 19px -2px rgba(36, 36, 36, 0.28); -moz-box-shadow: 0px 9px 19px -2px rgba(36, 36, 36, 0.28); -o-box-shadow: 0px 9px 19px -2px rgba(36, 36, 36, 0.28); transition: 0.5s; }

.news { background-color: #FAFAFA; border-top: 1px solid #D1D1D1; padding-top: 38px; padding-bottom: 46px; }
.news .news_box { margin: 0 auto; width: 1000px; }
.news .news_box .news_te { display: flex; position: relative; }
.news .news_box .news_te h2 { font-size: 38px; margin-top: 0px; color: #01B5AD; display: inline-block; margin-right: 16px; }
.news .news_box .news_te button { width: 124px; height: 37px; border-radius: 8px; border: 1px solid; border-color: #AAAAAA; background-color: #FAFAFA; color: #AAAAAA; font-size: 16px; margin-left: 15px; margin-top: 10px; padding-top: 3px; }
.news .news_box .news_te button.active { border: none; background: #01b5ad; background: -webkit-linear-gradient(left, #01b5ad 26%, #139992 100%); background: -o-linear-gradient(left, #01b5ad 26%, #139992 100%); background: linear-gradient(to right, #01b5ad 26%, #139992 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b5ad', endColorstr='#139992',GradientType=1 ); color: #fff; }
.news .news_box .news_te > .more_box { display: inline-block; font-size: 14px; color: #019A93; position: absolute; right: 0px; top: 16px; }
.news .news_box .news_te > .more_box a { display: table; }
.news .news_box .news_te > .more_box a i { display: inline-block; background-image: url(../images/index_more.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
.news .news_box .news_te > .more_box a span { margin-left: 6px; }
.news .news_box > .news_box_txt { background-color: #fff; padding: 20px 25px; box-shadow: 1px 3px 14px -14px #000000; -webkit-box-shadow: 1px 3px 14px -14px #000000; -moz-box-shadow: 1px 3px 14px -14px #000000; -o-box-shadow: 1px 3px 14px -14px #000000; }
.news .news_box > .news_box_txt .box_nt { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #DDDDDD; }
.news .news_box > .news_box_txt .box_nt a div:nth-child(1) { width: 170px; display: inline-block; font-size: 15px; color: #1F587E; position: relative; }
.news .news_box > .news_box_txt .box_nt a div:nth-child(1) > p { display: inline-block; }
.news .news_box > .news_box_txt .box_nt a div:nth-child(1) > i { display: inline-block; background-image: url(../images/index_new.png); background-position: center; background-repeat: no-repeat; height: 17px; width: 45px; margin-right: 10px; background-size: cover; position: relative; top: 3px; right: -40px; }
.news .news_box > .news_box_txt .box_nt a div:nth-child(2) { display: inline-block; font-size: 16px; color: #000000; }
.news .more_box { display: none; }

.propaganda { background-color: #ECECEC; border-bottom: 1px solid #ffffff; padding-top: 42px; padding-bottom: 42px; }
.propaganda .more_box2 { display: none; }
.propaganda .propaganda_box { min-width: 1000px; width: 1000px; margin: 0 auto; }
.propaganda .ropaganda_te { position: relative; }
.propaganda .ropaganda_te h2 { font-size: 38px; margin-top: 0px; color: #707070; display: inline-block; margin-right: 16px; }
.propaganda .ropaganda_te > .more_box { font-size: 14px; color: #444444; position: absolute; right: 0px; top: 16px; }
.propaganda .ropaganda_te > .more_box a { display: table; }
.propaganda .ropaganda_te > .more_box a i { display: inline-block; background-image: url(../images/index_more_b.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
.propaganda .ropaganda_te > .more_box a span { margin-left: 6px; }
.propaganda .col4 { display: flex; }
.propaganda .col4 a > div { width: calc((100% - 24px) / 4); margin-right: 8px; text-align: center; color: #fff; }
.propaganda .col4 a > div.ropaganda_pic1 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg5.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div.ropaganda_pic2 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg6.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div.ropaganda_pic3 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg7.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div.ropaganda_pic4 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg8.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div .txt_p { margin-top: 56px; font-size: 22px; font-weight: bold; opacity: 0; }
.propaganda .col4 a > div .more { font-size: 13px; width: 88px; margin: 0 auto; margin-top: 10px; border-bottom: 1px solid #fff; opacity: 0; }
.propaganda .col4 a > div:hover { transition: 2s; }
.propaganda .col4 a > div:hover.ropaganda_pic1 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg5_h.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div:hover.ropaganda_pic2 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg6_h.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div:hover.ropaganda_pic3 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg7_h.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div:hover.ropaganda_pic4 { width: 244px; height: 171px; display: inline-block; background-image: url(../images/indeximg8_h.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.propaganda .col4 a > div:hover .txt_p { opacity: 1; transition: 0.5s; }
.propaganda .col4 a > div:hover .more { opacity: 1; transition: 0.5s; }

aside > nav > ul { display: block; width: 100%; }
aside > nav > ul > li { display: block; width: 100%; text-align: center; margin-bottom: 10px; }
aside > nav > ul > li > ul { width: 100%; display: none; background-color: #0089D1; padding: 20px; }
aside > nav > ul > li > ul > li { margin-bottom: 10px; }
aside > nav > ul > li > ul > li:last-child { margin-bottom: 0px; }
aside > nav > ul > li > ul > li > a { display: block; text-align: left; color: #ffffff; font-size: 14px; padding: 0 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
aside > nav > ul > li > ul > li > a i { display: none !important; }
aside > nav > ul > li > ul > li.active > a i, aside > nav > ul > li > ul > li:hover > a i { display: inline-block !important; position: absolute; content: ''; left: 2px; top: 2px; }
aside > nav > ul > li > a { text-align: left; display: block; width: calc( 100% - 20px); margin: 0 auto; padding: 4px 20px 15px 28px; font-size: 15px; border-width: 0 0 1px; border-color: #D7D7D7; border-style: solid; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
aside > nav > ul > li > a.active { color: #0087D1; font-weight: bold; }
aside > nav > ul > li > a span { display: block; }
aside > nav > ul > li > a i { display: inline-block; position: absolute; right: 15px; top: 19px; }
aside > nav > ul > li > a::before { content: ''; display: inline-block; width: 8px; height: 8px; position: absolute; left: 10px; top: 8px; background-color: #0089D1; }
aside > nav > ul > li > a:hover { color: #0088D1; }
aside > nav > ul > li > a.current + ul, aside > nav > ul > li > a.active + ul { display: inline-block; }
aside > nav > ul > li > a.current i, aside > nav > ul > li > a.active i { background-image: url(../images/icons/minus.png); background-position: center center; background-size: contain; }
aside > nav > ul > li:last-child { border-width: 0 0 1px; border-color: #D7D7D7; border-style: solid; }
aside > nav > ul > li:last-child > a { border: none; }

/*側邊固定工具*/
.fixtool { position: fixed; top: 240px; right: 0; z-index: 5000; }
.fixtool > li { display: block; height: 60px; margin-bottom: 1px; text-align: center; position: relative; }
.fixtool > li::before, .fixtool > li::after { content: " "; display: table; }
.fixtool > li:last-child a { background-color: rgba(76, 119, 149, 0.72); width: 60px; background-image: url(../images/tool_6.png); background-position: center center; background-repeat: no-repeat; background-size: 55px; }
.fixtool > li a { height: 60px; display: block; min-width: 0; overflow: hidden; float: right; box-sizing: border-box; clear: both; -moz-transition: min-width ease 0s 0.3s; -o-transition: min-width ease 0s 0.3s; -webkit-transition: min-width ease 0s 0.3s; transition: min-width ease 0s 0.3s; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; }
.fixtool > li a i { display: inline-block; float: right; width: 60px; height: 60px; background-size: 36px; background-position: center center; background-repeat: no-repeat; }
.fixtool > li a .icons-tool_1 { background-image: url(../images/tool_4.png); }
.fixtool > li a .icons-tool_2 { background-image: url(../images/tool_3.png); }
.fixtool > li a .icons-tool_3 { background-image: url(../images/tool_2.png); background-size: 30px; }
.fixtool > li a .icons-tool_4 { background-image: url(../images/tool_1.png); background-size: 30px; }
.fixtool > li a .icons-tool_5 { background-image: url(../images/tool_5.png); }
.fixtool > li a .icons-tool_6 { background-image: url(../images/tool_6.png); }
.fixtool > li a span { display: inline-block; max-width: 0; overflow: hidden; height: 60px; padding: 18px 0 17px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; white-space: normal\9; -moz-transition: max-width ease 0.3s, padding ease 0.3s; -o-transition: max-width ease 0.3s, padding ease 0.3s; -webkit-transition: max-width ease 0.3s, padding ease 0.3s; transition: max-width ease 0.3s, padding ease 0.3s; }
.fixtool > li a:hover span { max-width: 250px; padding: 18px 20px 17px; }

.menu-mask { display: none; position: absolute; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; margin-top: 5px; }

/**********************************  行動版 *********************************************/
@media (max-width: 768px) { /* 首頁 banner */
  .banner.inside { height: auto; }
  .banner.inside > img { width: 100%; }
  /*首頁常用功能*/
  .indexarea1 > div.menu { width: 100%; height: auto; min-width: 100%; }
  .indexarea1 > div.menu ul { width: 100%; min-width: 100%; flex-wrap: wrap; height: auto; }
  .indexarea1 > div.menu ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; width: calc((100% / 2)); border-color: rgba(255, 255, 255, 0); border-width: 4px; border-style: solid; }
  .indexarea1 > div.menu ul > li:nth-child(1) { box-sizing: border-box; height: auto; width: calc((100% / 2)); border-color: rgba(255, 255, 255, 0); border-width: 4px; border-style: solid; }
  .indexarea1 > div.menu ul > li .menu_txt { padding-top: 0px; text-align: center; }
  .indexarea1 > div.menu ul > li div { padding: 10px; width: 100%; height: auto; text-align: center; padding-bottom: 7px; }
  .indexarea1 > div.menu ul > li i { display: inline-block; }
  .indexarea1 > div.menu ul > li i.icons-indexarea1 { background-image: url(../images/indexicon1.png); height: 69px; width: 69px; background-size: cover; background-position: center; background-size: contain; margin-right: 0px; }
  .indexarea1 > div.menu ul > li i.icons-indexarea2 { background-image: url(../images/indexicon2.png); height: 69px; width: 69px; background-position: center; background-size: contain; margin-right: 0px; }
  .indexarea1 > div.menu ul > li i.icons-indexarea3 { background-image: url(../images/indexicon3.png); height: 69px; width: 69px; background-position: center; background-size: contain; margin-right: 0px; }
  .indexarea1 > div.menu ul > li i.icons-indexarea4 { background-image: url(../images/indexicon4.png); height: 69px; width: 69px; background-position: center; background-size: contain; margin-right: 0px; }
  .indexarea1 > div.menu ul > li::before { content: ''; height: calc(100% + 4px); top: -3px; left: -4px; }
  .indexarea1 > div.menu ul > li::after { content: ''; height: 1px; width: calc(100% + 8px); border-bottom-color: #61E2DC; border-bottom-width: 1px; border-bottom-style: solid; background-color: #1C9B95; position: absolute; bottom: -4px; left: -4px; }
  .indexarea1 > div.menu ul > li:last-child { width: calc((100% / 2)); }
  .indexarea1 > div.menu ul > li:last-child::after { display: none; }
  .indexarea1 > div.menu ul > li:first-child::before, .indexarea1 > div.menu ul > li:nth-child(3)::before { display: none; }
  .indexarea1 > div.menu ul > li:last-child::after, .indexarea1 > div.menu ul > li:nth-child(3)::after { display: none; }
  /*快速導覽*/
  .quick_view .col4 { min-width: 100%; width: 100%; margin: 0 auto; padding-right: 16px; padding-left: 16px; }
  .quick_view .col4 > ul { display: inherit; }
  .quick_view .col4 > ul > li { margin-right: 0px; width: 100%; position: inherit; display: inherit; margin-bottom: -60px; }
  .quick_view .col4 > ul > li:last-child { margin-right: 0px; margin-bottom: 0px; }
  .quick_view .col4 > ul > li > .box_q { flex-wrap: initial; }
  .quick_view .col4 > ul > li > .box_q .quick_pic1 { width: 100%; height: 217px; }
  .quick_view .col4 > ul > li > .box_q .quick_pic2 { width: 100%; height: 217px; }
  .quick_view .col4 > ul > li > .box_q .quick_pic3 { width: 100%; height: 217px; }
  .quick_view .col4 > ul > li > .box_q .quick_pic4 { width: 100%; height: 217px; }
  .quick_view .col4 > ul > li > .box_q > .txt_box { width: 214px; min-height: auto; padding: 24px 27px; background-color: #fff; position: relative; right: auto; top: -90px; margin: 0 auto; }
  .quick_view .col4 > ul > li > .box_q > .txt_box h3 { font-size: 25px; color: #1F587E; margin-top: 12px; margin: 0 0px 11px 5px; font-weight: bold; }
  .quick_view .col4 > ul > li > .box_q > .txt_box p { font-size: 15px; border-top: 1px solid #DDDDDD; padding: 6px 5px; color: #525252; }
  /*快速導覽~*/
  /*最新消息*/
  .news { padding-right: 16px; padding-left: 16px; padding-bottom: 70px; }
  .news .news_box { margin: 0 auto; width: 100%; }
  .news .news_box .news_te { display: inline; position: relative; }
  .news .news_box .news_te h2 { display: inline-block; margin-right: 10px; width: 100%; }
  .news .news_box .news_te button { width: calc((100% - 20px) /3); border-radius: 8px; border: 1px solid; font-size: 16px; margin-left: 15px; margin-left: 2px; padding-top: 3px; }
  .news .news_box .news_te > .more_box { font-size: 14px; color: #019A93; position: absolute; right: 0px; top: 16px; display: none; }
  .news .news_box .news_te > .more_box a { display: table; }
  .news .news_box .news_te > .more_box a i { display: inline-block; background-image: url(../images/index_more.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
  .news .news_box .news_te > .more_box a span { margin-left: 6px; }
  .news .news_box > .news_box_txt .box_nt a div:nth-child(1) { width: 100%; }
  .news .news_box > .news_box_txt .box_nt a div:nth-child(1) > p { display: inline-block; }
  .news .news_box > .news_box_txt .box_nt a div:nth-child(1) > i { position: relative; top: 3px; right: -20px; }
  .news .more_box { font-size: 14px; color: #019A93; position: absolute; display: block; margin-top: 20px; margin-bottom: 20px; left: 42%; }
  .news .more_box a { display: table; }
  .news .more_box a i { display: inline-block; background-image: url(../images/index_more.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
  .news .more_box a span { margin-left: 6px; }
  /*最新消息~*/
  /*宣導專區*/
  .propaganda { padding-top: 42px; padding-bottom: 65px; padding-right: 16px; padding-left: 16px; }
  .propaganda .propaganda_box { min-width: 100%; width: 100%; }
  .propaganda .more_box2 { font-size: 14px; color: #444444; position: absolute; margin-bottom: 20px; left: 42%; margin-top: 14px; display: block; }
  .propaganda .more_box2 a { display: table; }
  .propaganda .more_box2 a i { display: inline-block; background-image: url(../images/index_more_b.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
  .propaganda .more_box2 a span { margin-left: 6px; }
  .propaganda .ropaganda_te { position: relative; }
  .propaganda .ropaganda_te h2 { font-size: 38px; margin-top: 0px; color: #707070; display: inline-block; margin-right: 16px; }
  .propaganda .ropaganda_te > .more_box { font-size: 14px; color: #444444; position: absolute; right: 0px; top: 16px; display: none; }
  .propaganda .ropaganda_te > .more_box a { display: table; }
  .propaganda .ropaganda_te > .more_box a i { display: inline-block; background-image: url(../images/index_more_b.png); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 10px; background-size: cover; display: table-cell; }
  .propaganda .ropaganda_te > .more_box a span { margin-left: 6px; }
  .propaganda .col4 { display: block; }
  .propaganda .col4 a > div { width: 100%; margin-right: 8px; text-align: center; color: #fff; }
  .propaganda .col4 a > div.ropaganda_pic1 { width: 100%; height: 171px; background-image: url(../images/indeximg5_h.jpg); }
  .propaganda .col4 a > div.ropaganda_pic2 { width: 100%; height: 171px; background-image: url(../images/indeximg6_h.jpg); }
  .propaganda .col4 a > div.ropaganda_pic3 { width: 100%; height: 171px; background-image: url(../images/indeximg7_h.jpg); }
  .propaganda .col4 a > div.ropaganda_pic4 { width: 100%; height: 171px; background-image: url(../images/indeximg8_h.jpg); }
  .propaganda .col4 a > div .txt_p { opacity: 1; }
  .propaganda .col4 a > div .more { border-bottom: 1px solid #fff; opacity: 1; }
  .propaganda .col4 a > div:hover.ropaganda_pic1 { width: 100%; }
  .propaganda .col4 a > div:hover.ropaganda_pic2 { width: 100%; }
  .propaganda .col4 a > div:hover.ropaganda_pic3 { width: 100%; }
  .propaganda .col4 a > div:hover.ropaganda_pic4 { width: 100%; }
  .propaganda .slick-prev:before, .propaganda .slick-next:before { font-family: 'slick'; font-size: 26px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .propaganda .slick-prev { left: 7px; z-index: 100; }
  .propaganda .slick-next { right: 14px; }
  .propaganda .slick-prev:before { content: '<'; }
  .propaganda .slick-next:before { content: '>'; }
  /*宣導專區*/
  aside { position: absolute; display: inline-block; top: 66px; left: 8px; height: 48px; width: calc(100% - 8px * 2 ); }
  aside > nav { display: none; }
  aside > nav > ul { display: block; width: 100%; }
  aside > nav > ul > li { margin-bottom: 0px; }
  aside > nav > ul > li:first-child { border-width: 1px 0 0; border-color: #D7D7D7; border-style: solid; margin-bottom: 0px; }
  aside > nav > ul > li > ul { display: none; }
  aside > nav > ul > li > ul > li > a i { display: none !important; }
  aside > nav > ul > li > ul > li.active > a i, aside > nav > ul > li > ul > li:hover > a i { display: inline-block !important; }
  aside > nav > ul > li > ul.mo-current { display: inline-block; }
  aside > nav > ul > li > a { width: 100%; padding-left: 20px; padding-right: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  aside > nav > ul > li > a:nth-child(1) { padding-top: 15px; }
  aside > nav > ul > li > a span { display: inline-block; }
  aside > nav > ul > li > a i { right: 28px; background-image: url(../images/icons/plus.png) !important; background-position: center center !important; background-size: contain !important; }
  aside > nav > ul > li > a::before { display: none; }
  aside > nav > ul > li > a.current i, aside > nav > ul > li > a.active i { background-image: url(../images/icons/plus.png) !important; background-position: center center; background-size: contain; }
  aside > nav > ul > li > a.current + ul, aside > nav > ul > li > a.active + ul { display: none; }
  aside > nav > ul > li > a.mo-current + ul { display: inline-block; }
  aside > nav > ul > li > a.mo-current i { background-image: url(../images/icons/minus.png) !important; background-position: center center; background-size: contain; }
  aside h3 { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; padding: 10px 50px 10px 20px; height: 48px; font-size: 20px; color: #000000; line-height: 1.4; background-color: #eeeeee; background-image: url(../images/icons/down.png); background-position: top right; background-repeat: no-repeat; cursor: pointer; }
  aside h3.mo-active + nav { display: block; }
  /*側邊固定工具*/
  .fixtool { position: fixed; top: auto; bottom: 0; left: 0; width: 100%; }
  .fixtool > li { width: calc((100% - 4px) / 5); margin-right: 1px; float: left; }
  .fixtool > li a { width: 100%; text-align: center; }
  .fixtool > li a.icons-tool_6 { width: 100%; background-image: url(../images/tool_6.png); background-position: center center; background-repeat: no-repeat; background-size: 55px; }
  .fixtool > li a i { float: none; }
  .fixtool > li a:hover span { display: none; }
  .fixtool > li:last-child { margin-right: 0px; } }
.icons-plus { background-position: 0 -6608px; height: 10px; width: 10px; margin-top: -10px; }

@media (max-width: 768px) { .icons-plus { background-position: 0 -6608px; height: 10px; width: 10px; margin-top: 0px; } }
.bxslider li { display: none; }

.bxslider li:first-child { display: block; }

.bx-wrapper .bxslider li { display: block; }

.bx-wrapper img { max-width: 100%; display: block; width: 100%; }

.banner { background-color: rgba(0, 0, 0, 0.6); }

.bx-wrapper .bx-viewport { height: 379px !important; }
@media (max-width: 768px) { .bx-wrapper .bx-viewport { height: auto !important; } }

.gtrade-container .ins-list { list-style-type: decimal; list-style-position: inside; font-size: 26px; padding-left: 0px; color: #00B3AC; }
.gtrade-container .ins-list > li { padding: 10px 0; }
.gtrade-container .ins-list > li:first-child { padding-top: 0px; }
.gtrade-container .ins-list ul { color: #000000; font-size: 18px; margin-bottom: 10px; }
.gtrade-container .ins-list ul.decimal { list-style-type: decimal; padding-left: 8px; list-style-position: inside; font-size: 16px; }
.gtrade-container .ins-list ul.sublist { font-size: 20px; color: #698e8c; padding-left: 10px; }
.gtrade-container .ins-list ul.sublist > li { padding: 10px 0; }
.gtrade-container .ins-list ul.sublist > li:first-child { padding-top: 0px; }
.gtrade-container .ins-list ul.sublist h3 { position: relative; display: inline-block; margin-bottom: 20px; font-size: 20px; color: #698e8c; }
.gtrade-container .ins-list ul.sublist h3:after { content: ""; position: absolute; height: 100%; width: 3px; left: 100%; /* left: 0; */ margin-left: 10px; background-color: #698e8c; border-radius: 5px; }
.gtrade-container p { font-size: 18px; margin: 5px 0; color: #000000; }
.gtrade-container [class*=style] { font-size: 15px; }
.gtrade-container [class*=style][class*=-error] { color: red; }
.gtrade-container [class*=style][class*=-codeinstruction] { color: #376288; font-size: 15px; }
.gtrade-container h2 { position: relative; display: inline-block; margin-bottom: 20px; color: #00B3AC; }
.gtrade-container .codesection { margin-bottom: 25px; }
.gtrade-container .enhance { color: #ce8416; margin-right: 5px; min-width: 30px; text-align: right; display: inline-block; }
.gtrade-container a { color: #004eff; text-decoration: underline; }
.gtrade-container .flex-wrapper { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.gtrade-container .flex-wrapper > li { flex: 0 1 50%; padding: 0 5px; display: flex; flex-wrap: nowrap; }
.gtrade-container .flex-wrapper > li.error { color: red !important; }
.gtrade-container .flex-wrapper > li.error .enhance { color: red !important; }
.gtrade-container .flex-wrapper > li .enhance { flex-grow: 0; flex-shrink: 0; }

pre { font-size: 13px; display: block; padding: 13px 20px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #9b4dbb; word-break: break-all; word-wrap: break-word; background-color: #f8f9fa; border: 1px solid #eaeaea; border-left: 4px solid #4a7992; border-radius: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; tab-size: 0; }

.tbl-value-instruction th { text-align: center; padding: 7px 10px; font-size: 16px; background-color: #4a7992; border: 2px solid #ffffff; color: #ffffff; }
.tbl-value-instruction th:first-child { min-width: 100px; }
.tbl-value-instruction tbody tr:nth-child(even) td { background-color: #f5f4f4; }
.tbl-value-instruction tbody tr:hover td { background-color: #d6d6d6; }
.tbl-value-instruction td { transition: all 0.3s cubic-bezier(0.38, 0.18, 0.09, 0.93); font-size: 16px; color: #467c9c; text-align: center; padding: 7px 10px; background-color: #f9f9f9; border: 2px solid #ffffff; }

.tbl-value-instruction2 tr:nth-child(even) td { background-color: #f5f4f4; }
.tbl-value-instruction2 td { transition: all 0.3s cubic-bezier(0.38, 0.18, 0.09, 0.93); font-size: 16px; color: #467c9c; text-align: center; padding: 7px 10px; background-color: #f9f9f9; border: 2px solid #ffffff; }
.tbl-value-instruction2 td:hover { background-color: #d6d6d6 !important; }
.tbl-value-instruction2 td.title-style1 { background-color: #4a7992 !important; color: #ffffff; }
.tbl-value-instruction2 td.title-style2 { background-color: #f3e1a8 !important; color: #467c9c; font-weight: 600; }

i.check { display: inline-block; background: url(../images/icons/f6_1_2_icon1.png) no-repeat center center; width: 16px; height: 16px; background-size: 100%; }

@media (max-width: 768px) { .gtrade-container .flex-wrapper > li { flex: 0 1 100%; flex-wrap: wrap; }
  .tbl-value-instruction thead { display: none; }
  .tbl-value-instruction tbody, .tbl-value-instruction tr { display: block; }
  .tbl-value-instruction tbody tr { border-radius: 3px; overflow: hidden; margin-bottom: 10px; border: 1px solid #dedede; }
  .tbl-value-instruction tbody tr:nth-child(even) td { background-color: transparent; }
  .tbl-value-instruction tbody tr:hover td { background-color: transparent; }
  .tbl-value-instruction td { display: flex; flex-wrap: nowrap; background-color: transparent; padding: 0; text-align: left; border: 0px; }
  .tbl-value-instruction td:before { content: attr(data-title); width: 100px; flex-grow: 0; flex-shrink: 0; border-left: 4px solid #32759a; background-color: #ececec; font-weight: 700; font-size: 14px; }
  .tbl-value-instruction td > div { flex-grow: 1; background-color: #f5f5f5; padding-left: 12px !important; font-weight: 700; font-size: 14px; }
  .tbl-value-instruction td:before, .tbl-value-instruction td > div { padding: 3px 5px; } }

/*# sourceMappingURL=screen.css.map */