/**reset css**/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
body {line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration:line-through}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select {vertical-align:middle}

/**font-face**/
@font-face {
  font-family: 'db_helvethaica_x';
  src: url('../font/db_helvethaica_x.eot');
  src: url('../font/db_helvethaica_x.eot?#iefix') format('embedded-opentype'),
       url('../font/db_helvethaica_x.woff2') format('woff2'),
       url('../font/db_helvethaica_x.woff') format('woff'),
       url('../font/db_helvethaica_x.ttf')  format('truetype'),
       url('../font/db_helvethaica_x.svg#db_helvethaica_x') format('svg'); 
}

@font-face {
  font-family: 'db_helvethaica_x_Med';
  src: url('../font/db_helvethaica_x_Med.eot');
  src: url('../font/db_helvethaica_x_Med.eot?#iefix') format('embedded-opentype'),
       url('../font/db_helvethaica_x_Med.woff2') format('woff2'),
       url('../font/db_helvethaica_x_Med.woff') format('woff'),
       url('../font/db_helvethaica_x_Med.ttf')  format('truetype'),
       url('../font/db_helvethaica_x_Med.svg#db_helvethaica_x_Med') format('svg'); 
}

/***defult***/
* { outline:0 !important; }
body { font:20px/22px 'db_helvethaica_x'; color:#2c2c2c; } 
body.bodyHidden { overflow:hidden !important; }
h1 { text-transform:uppercase; }
h2 { font:40px/42px 'db_helvethaica_x_Med'; color:#4194ce; margin:0 0 10px 0; }
h3 {  }
a ,a:hover ,a:focus { text-decoration:none; }
img { max-width:100%; }
input ,.select ,textarea ,.fileContainer { width:100%; height:40px; border:none; border-bottom:1px solid #fff; background-color:transparent; }
input:focus ,textarea:focus { border-color:#1595d3; }
input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder { font:23px/23px 'db_helvethaica_x'; color:#afafaf; }
input::-moz-placeholder ,textarea::-moz-placeholder { font:23px/23px 'db_helvethaica_x'; color:#afafaf; }
input:-ms-input-placeholder ,textarea:-ms-input-placeholder { font:23px/23px 'db_helvethaica_x'; color:#afafaf; }
input:-moz-placeholder ,textarea:-moz-placeholder { font:23px/23px 'db_helvethaica_x'; color:#afafaf; }
input[type=file] { filter:alpha(opacity=0); opacity:0; width:100%; height:100%; position:absolute; top:0; right:0; cursor:pointer; margin:0; }
.wrapper { padding:0 0 50px 0; }
.box-table { width:100%; height:100%; }
.row-table { display:table; width:100%; height:100%; }
.row-cell { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.box_pic { border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.box_pic .pic { width:100%; height:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-position:center top; }
.box_pic img { display:none !important; }
.error { border-color:#ff1100 !important; }
.txt_error { color:#fff; font:18px/20px 'db_helvethaica_x'; margin:0 0 18px 0; }
.clear { clear:both; }
.hide_desk { display:none !important; }
.owl-dots { position:absolute; width:100%; text-align:center; bottom:30px; left:0; right:0; margin:auto; }
.owl-dots .owl-dot { width:10px; height:10px; display:inline-block; margin:0 4.5px; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.owl-dots .owl-dot.active, .owl-dots .owl-dot:hover { background-color:#b23023 !important; }
.wp_pic { position:relative; overflow:hidden; }
.wp_pic .pic_list { display:none; }
.wp_pic .bg_pic { background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-position:top center; background-repeat:no-repeat; }
.icon-hamburger { font-size:23px; color:#fff; cursor:move; }
.date { font:20px/18px 'db_helvethaica_x_Med'; color:rgba(85,86,90,0.7); margin:0 0 10px 0; }
.line_dot { width:100%; height:4px; background:url(../image/line_popup.png) 0 0 repeat-x; margin:20px 0 0 0; }
.banner { width:100%; height:526px; overflow:hidden; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-position:top center; }
.banner .pic_banner { display:none; }
.banner .pic_mobile { display:none; }
.box_maintopic { padding:0 0 8px 0; margin:0 0 45px 0; position:relative; }
.box_maintopic h1 { color:#ffffff; font:35px/35px 'db_helvethaica_x_Med'; }
.box_maintopic span { display:block; color:#61a5d5; font:75px/52px 'db_helvethaica_x_Med'; }
.box_maintopic .line { width:92px; height:3px; position:absolute; left:4px; bottom:0; background-color:#b23023; }
.box_breadcrumb { color:#acacac; font:italic 22px/20px 'db_helvethaica_x'; position:relative; top:-185px; }
.box_breadcrumb a { font:22px/20px 'db_helvethaica_x'; color:#ffffff; padding:0 17px 0 0; margin:0 17px 0 0; border-right:1px solid #fff; display:inline-block; }
.box_content { background-color:#fff; position:relative; margin-top:-107px; overflow:hidden; }
.box_list .item { display:block; overflow:hidden; margin:0 0 40px 0; color:#2c2c2c; }
.box_list .item .date { margin:5px 0 15px 0; }
.box_list .caption { height:52px; overflow:hidden; color:#4194ce; font:24px/26px 'db_helvethaica_x_Med'; }
.box_list .box_lg .bg_pic { height:311px; }
.box_list .box_lg .row { margin:0 -20px; }
.box_list .box_lg .colum { padding:0 20px; }
.box_list .box_lg .caption { height:65px; font:32px/32px 'db_helvethaica_x_Med'; margin:0 0 20px 0; }
.box_list .box_sm .item { margin:0 0 45px 0; }
.box_list .box_sm .bg_pic { height:206px; }
.box_list .box_sm .row { margin:0 -10px; }
.box_list .box_sm .colum { padding:0 10px; }
.box_list .box_sm .date { margin:25px 0 15px 0; }
.pagination { width:100%; position:relative; }
.pagination .num_page { text-align:center; float:none; margin:auto; padding:0; }
.pagination .num_page a { height:40px; padding:13px 11px; display:inline-block; text-align:center; color:#46332c; font:18px/16px 'db_helvethaica_x'; }
.pagination .num_page a:hover ,.pagination .num_page a.active { background-color:#3b94ce; color:#fff; }
.pagination .num_page .point { background-color:transparent !important; color:#46332c !important; }
.pagination .prev_page ,.pagination .next_page { position:absolute; width:45px; height:40px; top:0; bottom:0; margin:auto; font-family:"mti-intranet" !important; font-size:15px; text-align:center; padding:8px 16px; background-color:#274d7b; display:block; color:#fff; }
.pagination .prev_page:hover ,.pagination .next_page:hover { background-color:#3b94ce; }
.pagination .prev_page { left:0; }
.pagination .prev_page::before { content:"\69"; }
.pagination .next_page { right:0; }
.pagination .next_page::before { content:"\63"; }
.box_detaillist { padding:0 100px; }
.wp_accordian { width:100%; position:relative; right:66.66666667%; background-color:#61a5d5; float:left; }
.wp_accordian .col-l { padding:75px 40px; background-color:#61a5d5; position:relative; left:66.66666667%; }
.wp_accordian .col-l .item { display:block; cursor:pointer; margin:0 0 12px 0; color:#365889; font:23px/22px 'db_helvethaica_x'; overflow:hidden; }
.wp_accordian .col-l .item:hover ,.wp_accordian .col-l .item.active { color:#fff; }
.wp_accordian .col-l .item .num { width:45px; float:left; font:italic 54px/45px 'db_helvethaica_x'; margin:0 0 0 20px; }
.wp_accordian .col-l .item span ,.wp_accordian .col-l .item .txt_mnHr { display:block; float:left; width:calc(100% - 85px); }
.wp_accordian .col-l .item .txt_mnHr ,.wp_accordian .col-l .item span { display:block; margin:14px 0 0 20px; float:left; color:#365889; }
.wp_accordian .col-l .item:hover .txt_mnHr ,.wp_accordian .col-l .item.active .txt_mnHr ,.wp_accordian .col-l .item:hover span ,.wp_accordian .col-l .item.active span { color:#fff; }
.wp_accordian .col-l .line_dot { float:left; margin:13px 0 0 0; background-image:url(../image/line_dot.png); }
.wp_accordian .col-l .submenu { display:none; width:100%; float:left; padding:0 5px 5px 20px; margin:10px 0; }
.wp_accordian .col-l .submenu a { display:block; color:#fff; font:20px/22px 'db_helvethaica_x'; margin:0 0 5px 0; }
.wp_accordian .col-l .submenu a:hover { font-style:italic; }
.wp_accordian .col-r { padding:75px 40px 75px 50px; position:relative; left:66.7%; background: rgba(255,255,255,0); background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(246,41,12,0) 0%, rgba(220,164,164,0) 66%, rgba(207,227,242,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(246,41,12,0)), color-stop(66%, rgba(220,164,164,0)), color-stop(100%, rgba(207,227,242,1))); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(246,41,12,0) 0%, rgba(220,164,164,0) 66%, rgba(207,227,242,1) 100%);background: -o-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(246,41,12,0) 0%, rgba(220,164,164,0) 66%, rgba(207,227,242,1) 100%);background: -ms-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(246,41,12,0) 0%, rgba(220,164,164,0) 66%, rgba(207,227,242,1) 100%);background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(246,41,12,0) 0%, rgba(220,164,164,0) 66%, rgba(207,227,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfe3f2', GradientType=1 ); }
.wp_accordian .col-r h2 { color:#24436f; position:relative; margin:0 0 5px 0; display:inline-block; padding:0 43px 0 0; text-transform:uppercase; font:40px/40px 'db_helvethaica_x_Med'; }
.wp_accordian .col-r h2 .icon_information { width:30px; height:30px; cursor:pointer; position:absolute; top:0; right:0; background:url(../image/hr/information_icon.png) 0 0 no-repeat; }
.wp_accordian .col-r h2 .detail_information { width:338px; height:102px; display:none; text-transform:none; position:absolute; padding:18px 10px; background-color:#24436f; color:#fff; text-align:center; font:20px/22px 'db_helvethaica_x'; top:46px; right:-154px; z-index:2; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4); }
.wp_accordian .col-r h2 .detail_information .arrow { width:12px; height:9px; background:url(../image/hr/arrow_information.png) 0 0 no-repeat; position:absolute; top:-9px; left:0; right:0; margin:auto; }
.wp_accordian .col-r .caption { color:#848484; }
.wp_accordian .col-r .item { margin:40px 0 0 0; }
.wp_accordian .col-r .item .topic { position:relative; margin:0 0 15px 0; cursor:pointer; }
.wp_accordian .col-r .item .topic h3 { font:32px/30px 'db_helvethaica_x_Med'; color:#61a5d5; padding:0 35px 0 0; }
.wp_accordian .col-r .item .topic .icon-arrow-up { position:absolute; right:0; top:5px; font-size:18px; color:#264571; }
.wp_accordian .col-r .item.active .topic .icon-arrow-up::before { content:"\4a"; }
.wp_accordian .col-r .item .line_dot { margin:10px 0 0 0; }
.wp_accordian .col-r .item .txt { font:italic 40px/40px 'db_helvethaica_x'; margin:20px 0 30px 0; }
.wp_accordian .col-r .item .colum_csr { margin:30px 0 5px 0; overflow:hidden; }
.wp_accordian .col-r .item .colum_csr img { width:297px; display:block; float:left; margin:0 0 0 15px; }
.wp_accordian .col-r .item .colum_csr .text { width:300px; font:italic 30px/35px 'db_helvethaica_x'; float:left; margin:70px 0 0 40px; padding:0 0 0 40px; border-left:1px solid #2c2c2c; }
.wp_accordian .col-r .item .box_pdf { margin:20px 0 0 0; }
.wp_accordian .col-r .item .box_pdf .row { margin:0 -5px; }
.wp_accordian .col-r .item .box_pdf .colum { padding:0 5px; }
.wp_accordian .col-r .item .box_pdf a { display:block; position:relative; padding:15px 24px 15px 50px; width:100%; color:#2c2c2c; }
.wp_accordian .col-r .item .box_pdf a:hover { color:#fff; background-color:#b23023; }
.wp_accordian .col-r .item .box_pdf .icon-pdf { font-size:25px; position:absolute; top:14px; bottom:0; left:12px; margin:auto; }
.wp_accordian .col-r .colum_project { margin:25px 0 10px 0; position:relative; }
.wp_accordian .col-r .colum_project .colum { position:static; }
.wp_accordian .col-r .colum_project .item { margin:0; display:block; position:relative; color:#4d94c6; font-family:'db_helvethaica_x_Med'; text-align:center; }
.wp_accordian .col-r .colum_project .item .box_img { width:116px; height:116px; border:2px solid #61a5d5; position:relative; margin:auto; }
.wp_accordian .col-r .colum_project .item .box_img img { width:100%; position:absolute; top:0; left:0; }
.wp_accordian .col-r .colum_project .item .box_img .pic_hover { display:none; }
.wp_accordian .col-r .colum_project .item:hover .box_img ,.wp_accordian .col-r .colum_project .item.active .box_img { border:2px solid #b23023; }
.wp_accordian .col-r .colum_project .item:hover .box_img img ,.wp_accordian .col-r .colum_project .item.active .box_img img { display:none; }
.wp_accordian .col-r .colum_project .item:hover .box_img .pic_hover ,.wp_accordian .col-r .colum_project .item.active .box_img .pic_hover { display:block; }
.wp_accordian .col-r .colum_project .item span { display:block; margin:17px 0 0 0; }
.wp_accordian .col-r .colum_project .item .icon { width:19px; height:10px; opacity:0; position:absolute; left:0; right:0; margin:auto; bottom:-21px; background:url(../image/arrow_up-gray.jpg) 0 0 no-repeat; }
.wp_accordian .col-r .colum_project .sub_project { width:100%; z-index:2; display:none; position:absolute; top:176px; left:0; background-color:#e5e5e5; }
.wp_accordian .col-r .colum_project .sub_project a { padding:30px 22px 15px 65px; display:block; color:#2c2c2c; position:relative; float:left; margin:0 0 15px 0; }
.wp_accordian .col-r .colum_project .sub_project a .icon-pdf { font-size:25px; position:absolute; top:27px; left:26px; }
.wp_accordian .col-r .btn_csr { margin:10px 0; display:inline-block; border:2px solid #61a5d5; color:#61a5d5; padding:10px 25px 10px 63px; position:relative; }
.wp_accordian .col-r .btn_csr:hover { background-color:#61a5d5; color:#fff; }
.wp_accordian .col-r .btn_csr .icon { position:absolute; top:7px; bottom:0; margin:auto; left:19px; font-size:27px; }
.wp_accordian .col-r .btn_csr:hover .icon { color:#fff; }
.wp_accordian .col-r .item ul { margin:5px 0 0 0; }
.wp_accordian .col-r .item ul li { list-style-type:none; padding:0 0 0 35px; position:relative; }
.wp_accordian .col-r .item ul li::before { content:''; width:5px; height:5px; position:absolute; left:3px; top:7px; background-color:#8a8a8a; }
.wp_accordian .col-r .item ul li a { color:#2c2c2c; display:block; margin:0 0 5px 0; }
.wp_accordian .col-r .item ul li a:hover { color:#61a5d5; }
.wp_accordian .col-r .item ul li a span { color:#848484; }
.status { width:10px; height:10px; border-radius:50%; background-color:#dddddd; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.status.online { background-color:#66b531; }
.qoute { position:relative; }
.qoute_txt { position:relative; color:transparent; }
.qoute_txt::before { content:'“';  font:120px/30px 'db_helvethaica_x'; position:absolute; color:#61a5d5; left:-50px; top:-20px; } 
.qoute_txt:last-child::before { content:'”'; top:auto; bottom:-55px; left:0; }
#sortable { position:relative; overflow:hidden; display:block !important; }
.wp_copylink { width:calc(100% + 128px); position:relative; top:-43px; border:2px solid #7ab8e3; background-color:#3b94ce; color:#a2ceeb; text-align:center; padding:65px 63px; }
.wp_copylink .line_dot { height:9px; background-image:url(../image/line_dot2.png); margin:0; }
.wp_copylink .txt_lg { color:#fff; font:italic 46px/40px 'db_helvethaica_x'; text-transform:uppercase; padding:15px 24px 10px 24px; }
.wp_copylink .txt { margin:25px 0 35px 0; padding:0 10px; }
.wp_copylink .txt span { color:#fff; font-family:'db_helvethaica_x_Med'; }
.wp_copylink .box_input { position:relative; }
.wp_copylink .box_input input { height:64px; width:100%; background-color:#fff; border:none; padding:25px 130px 25px 20px; color:#24436f; }
.wp_copylink .box_input .btn ,.wp_copylink .box_input .btn_copy { position:absolute; right:0; top:0; width:110px; height:64px; border-radius:0; background-color:#24436f; color:#fff; font:italic 24px/20px 'db_helvethaica_x_Med'; text-align:center; border:none; }
.wp_copylink .box_input .tooltip_box { width:204px; height:62px; position:absolute; left:0; right:0; top:-62px; margin:auto; display:none; }
.wp_copylink .box_input .tooltip_box img { width:100%; }
.box_listChat { float:right; }
.listChat { position:relative; float:right; margin:0 0 0 12px; width:270px; font:15px/17px 'tahoma'; border:1px solid #b2b2b2; border-bottom:0; background-color:#fff; }
.listChat .topic { height:40px; padding:10px 45px 10px 38px; position:relative; background-color:#3b94ce; color:#fff; }
.listChat .topic .status { position:absolute; top:15px; left:14px; }
.listChat .topic span { display:block; height:23px; overflow:hidden; }
.listChat .topic .close_listChat { position:absolute; z-index:2; width:17px; height:17px; cursor:pointer; top:11px; right:15px; background:url(../image/close_chat.png) 0 0 no-repeat; }
.listChat .box_conver { padding:15px 0; }
.listChat .box_conver .wp_conver { height:233px; -webkit-overflow-scrolling: touch; }
.listChat .box_conver .jspVerticalBar { right:8px; }
.listChat .box_txt { overflow:hidden; padding:0 19px; word-wrap: break-word; }
.listChat .txt_me { max-width:208px; word-wrap: break-word; display:inline-block; float:right; position:relative; margin:0 0 15px 0; padding:13px 16px; background-color:#3b94ce; color:#ffffff; -webkit-border-radius:10px; -webkit-border-bottom-right-radius:0; -moz-border-radius:10px; -moz-border-bottom-right-radius: 0; border-radius: 10px; border-bottom-right-radius:0; }
.listChat .txt_me::after { content:''; width:10px; height:10px; position:absolute; bottom:-10px; right:0; background:url(../image/arrow_me.jpg) 0 0 no-repeat; }
.listChat .txt_friend { max-width:208px; float:left; display:inline-block; margin:0 0 15px 0; padding:13px 16px; position:relative; background-color:#eaeaea; border:1px solid #b2b2b2; color:#2c2c2c; -webkit-border-radius:10px; -webkit-border-bottom-left-radius:0; -moz-border-radius:10px; -moz-border-bottom-left-radius:0; border-radius:10px; border-bottom-left-radius:0; }
.listChat .txt_friend::after { content:''; width:10px; height:10px; position:absolute; bottom:-10px; left:-1px; background:url(../image/arrow_friend.png) 0 0 no-repeat; }
.listChat .txt_time { color:#898989; text-align:center; font:13px/12px 'tahoma'; margin:0 0 15px 0; padding:0 19px; }
.listChat .txt_seen { display:block; color:#898989; text-align:right; font:italic 13px/12px 'tahoma'; margin:0 0 15px 0; padding:0 19px; }
.listChat .box_input { height:50px; position:relative; border:1px solid #efefef; }
.listChat .box_input .input_chat { height:50px; padding:14px 45px 14px 25px; color:#000; border:none; }
.listChat .box_input .icon-send  { position:absolute; right:0; top:0; height:50px; background-color:#fff; color:#3b94ce; width:50px; text-align:center; padding:16px 15px; font-size:18px; cursor:pointer; }
.listChat.mini { top:335px; }
.listChat.mini .topic { background-color:#274d7b; }
.box_chatAdmin { position:fixed; right:0; bottom:0; z-index:999; }
.fancybox-inner .box_poster { position:absolute; cursor:pointer; top:0; left:0; width:100%; height:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-repeat:no-repeat; background-position:center center; }
.fancybox-inner .box_poster .box_caption { z-index:2; background-color:#274d7b; padding:24px 30px 15px 30px; position:absolute; bottom:0; left:0; width:100%; }
.fancybox-inner .box_poster .box_caption .txt_caption { color:#f0f0f0; font:32px/25px 'db_helvethaica_x_Med'; margin:0 0 7px 0; }
.fancybox-inner .box_poster .box_caption .date { color:rgba(255,255,255,0.3); }
.fancybox-inner .box_poster .overlay { width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
.fancybox-inner .box_poster .icon-vdo { width:100px; height:100px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; font-size:100px; color:#fff; }
.inputStyle1 {position: relative; color: #61a5d5;}
.inputStyle1 [class^="icon-"] {position: absolute; left: 0; top: 0; left: 12px; top: 10px; }
.inputStyle1 input[type="text"] {border: none; border-bottom: 1px solid #61a5d5; height: 48px; padding: 5px 145px 5px 50px; }
.inputStyle1 button {width: 130px; height: 47px; position: absolute; right: 0; bottom: 0; background-color: #61a5d5; color: #fff; text-align: center; font: 23px/20px 'db_helvethaica_x_Med'; border: none; }
.selectStyle1 {position:relative; margin-bottom:10px; }
.selectStyle1:before { display:block; content:''; width:13px; height:1px; background:#1A4D7F; position:absolute; right:17px; top:50%; pointer-events:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.selectStyle1:after { display:block; content:''; width:13px; height:1px; background:#1A4D7F; position:absolute; right:26px; top:50%; pointer-events:none; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.selectStyle1 select { display:block; width:100%; border:none; background:#fff; height:50px; line-height:1; margin:0px; padding:8px 50px 10px 20px; outline:none; color:#1A4D7F; font-size:24px; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.selectStyle1 select::-ms-expand { display:none; }
.tableStyle1 {margin-bottom:50px;}
.tableStyle1 table {width:100%; font-size:22px;}
.tableStyle1 table thead tr th {border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px; height:50px; font-weight:normal; color:#848484;}
.tableStyle1 table tbody tr td {padding:8px; height:50px; color:#2c2c2c; position:relative;}
.tableStyle1 table tbody tr td img {display:block; position:absolute; left:8px; top:8px; max-width:50px; height:auto;}
.tableStyle1 table tbody tr td span {display:inline-block; padding-left:65px;}
.tableStyle1 table tbody tr td a {color:#2c2c2c;}
.tableStyle1 table tbody tr td a:hover {opacity:0.8;}
.tableStyle1 table tbody tr:nth-child(2n) td {background:#F5F5F5;}
.box_reminders .box_topic { height:65px; margin:0 !important; color:#ffffff; font:26px/28px 'db_helvethaica_x_Med'; padding:19px 30px 19px 25px; margin:0 0 8px 0; background:rgba(178,47,35,1); background: -moz-linear-gradient(left, rgba(178,47,35,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(122,31,23,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(178,47,35,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(100%, rgba(122,31,23,1))); background: -webkit-linear-gradient(left, rgba(178,47,35,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(122,31,23,1) 100%); background: -o-linear-gradient(left, rgba(178,47,35,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(122,31,23,1) 100%); background: -ms-linear-gradient(left, rgba(178,47,35,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(122,31,23,1) 100%); background: linear-gradient(to right, rgba(178,47,35,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(122,31,23,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b22f23', endColorstr='#7a1f17', GradientType=1 ); }
.box_reminders .box_topic .edit_btn { font:20px/20px 'db_helvethaica_x_Med'; float:right; margin:5px 25px 0 0; cursor:pointer; }
.box_reminders .box_topic .edit_btn:hover { border-bottom:1px solid #fff; }
.box_reminders .box_input { margin:0 0 20px 0; border-bottom:1px solid #7f2118; position:relative; }
.box_reminders .box_input .input_reminders { border:none; height:55px; padding:10px 10px 10px 50px; }
.box_reminders .box_input .icon_add { width:23px; height:24px; position:absolute; top:0; bottom:0; margin:auto; left:15px; background:url(../image/add_icon.jpg) 0 0 no-repeat; }
.box_reminders .wp_listTodo { padding:0 0 19px 0; border-bottom:1px solid #7f2118; }
.box_reminders .wp_listTodo .box_listTodo { height:235px; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox { margin:0 0 10px 0; padding:5px 40px 5px 70px; min-height:25px; font:21px/18px 'db_helvethaica_x'; position:relative; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .icon_checkbox { width:25px; height:25px; cursor:pointer; position:absolute; top:2px; left:17px; background:url(../image/profile/bg_checkbox.jpg) -29px 0 no-repeat;}
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .txt_todo { position:relative; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .txt_todo .input_edit { width:100%; height:25px; display:none; border-bottom:1px solid #7f2118; position:absolute; top:-4px; left:0; background-color:#fff; padding:10px 0; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .delete_btn { width:16px; height:16px; opacity:0; position:absolute; right:15px; top:8px; background:url(../image/profile/delete_btn.jpg) 0 0 no-repeat; cursor:pointer; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .check_input { position:absolute; z-index:2; top:-2px; left:17px; width:26px; height:26px; opacity:0; cursor:pointer; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .check_input:checked ~ .icon_checkbox { background-position:0 0; }
.box_reminders .wp_listTodo .box_listTodo .box_checkbox .check_input:checked ~ .txt_todo { text-decoration:line-through; }
.box_reminders .wp_listTodo .box_listTodo .jspVerticalBar { right:0; }
.box_reminders .wp_listTodo .box_listTodo .jspVerticalBar .jspTrack { background-color:#f3e7e7; }
.box_reminders .wp_listTodo .box_listTodo .jspVerticalBar .jspTrack .jspDrag { background-color:#7f2118; }
.txt_red { color:#b23023 !important; }

/***btn***/
.viewall_btn { display:inline-block; height:19px; position:absolute; top:0;bottom:0; margin:auto; right:0; font:italic 22px/15px 'db_helvethaica_x'; color:#a1a1a1; }
.viewall_btn2 { display:inline-block; border:1px solid #61a5d5; padding:15px 45px; font:italic 22px/15px 'db_helvethaica_x'; color:#61a5d5; }
.viewall_btn2:hover { background-color:#61a5d5; color:#fff; }
.clickRead_btn { margin:20px 0 0 0; position:relative; text-align:right; padding:0 30px 0 0; font:italic 20px/22px 'db_helvethaica_x'; }
.clickRead_btn .icon-next { position:absolute; right:0; top:2px; }
.totop_btn { width:50px; height:50px; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;display:none; z-index:2; border:2px solid #61a5d5; background-color:#fff; padding:10px 5px; text-align:center; color:#61a5d5; position:fixed; bottom:78px; right:3%; }
.totop_btn.changedPosition { bottom:20px; }
.totop_btn:hover { background-color:#61a5d5; color:#fff; }
.totop_btn::before { content:"\4b"; font-size:22px; font-family: "mti-intranet" !important; }
.icon-email ,.icon-msg { width:39px; height:39px; float:left; color:#61a5d5; margin:0 5px 0 0; padding:6px 4px; text-align:center; font-size:24px; display:block; border: 2px solid #61a5d5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; }
.icon-email:hover ,.icon-msg:hover { color:#fff; background-color:#61a5d5; }
.viewdescript_btn { text-decoration:underline; font-size:19px; font-style:italic; margin:5px 0 0 0; display:block; }

/***popup***/
.wp_popup { width:100%; height:100%; top:0; overflow-y:scroll; left:0; z-index:9999; position:fixed; background-color:rgba(0,0,0,0.8); display:none; }
.wp_popup .box-popup { width:531px; height:497px; padding:48px 62px; color:#fff; margin:50px auto; background-color:#3b94ce; border:1px solid #7ab8e3; position:relative; overflow:hidden; font:22px/26px 'db_helvethaica_x'; color:#000000; }
.wp_popup .box-popup h2 { font:italic 50px/48px 'db_helvethaica_x'; color:#24436f; margin:0 0 25px 0; position:relative; }
.wp_popup .box-popup h2::after { content:''; width:265px; height:9px; background:url(../image/line_popup.png) 0 0 no-repeat; position:absolute; right:0; top:22px; }
.wp_popup .box-popup label { font:18px/14px 'db_helvethaica_x_Med'; color:#fff; text-transform:uppercase; display:block; margin:0 0 5px 0; }
.wp_popup .box-popup input { width:100%; height:50px; border:none; border-bottom:1px solid #fff; background-color:transparent; }
.wp_popup .box-popup .box_input { margin:0 0 15px 0; overflow:hidden; }
.wp_popup .box-popup .box_input .box_radio { float:left; position:relative; padding:25px 0 15px 0; }
.wp_popup .box-popup .box_input .box_radio label { padding:0 0 0 45px; font:italic 18px/14px 'db_helvethaica_x'; cursor:pointer; }
.wp_popup .box-popup .box_input .box_radio input { position:absolute; opacity:0; width:5px; height:5px; top:0; right:0; }
.wp_popup .box-popup .box_input .box_radio .checkmark { width:30px; height:30px; display:block; position:absolute; top:16px; left:0; border:1px solid #dadada; padding:3px; }
.wp_popup .box-popup .box_input .box_radio .checkmark span { content:''; width:22px; height:22px; display:block; background-color:#24436f; }
.wp_popup .box-popup .box_input .box_radio input:checked ~ .checkmark::after { content:''; display:block; left:10px; top:4px; position:absolute; width:8px; height:16px; border:solid #dadada; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.wp_popup .box-popup .wp_btn { overflow:hidden; }
.wp_popup .box-popup .wp_btn button { width:50%; height:64px; float:left; border:none; background-color:#24436f; color:#fff; text-align:center; font:italic 25px/25px 'db_helvethaica_x_Med'; }
.wp_popup .box-popup .wp_btn button:hover { background-color:#12253f; }
.wp_popup .box-popup .wp_btn .cancel_btn { color:#1f4472; border:2px solid #61a5d5; background-color:transparent; }
.wp_popup .box-popup .wp_btn .cancel_btn:hover { background-color:#abcfec; border-color:#abcfec; }
.wp_popup .close-btn { cursor:pointer; position:absolute; width:20px; height:20px; top:21px; right:20px; z-index:2; }
.wp_popup .close-btn::before { content:''; width:20px; left:0; top:9px; height:2px; background-color:#fff; position:absolute; display:block; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.wp_popup .close-btn::after { content:''; width:20px; left:0; top:9px; height:2px; background-color:#fff; position:absolute; display:block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

.wp_popup .box-forget .box-popup { height:386px; }
.wp_popup .box-forget .box-popup h2::after { width:125px; }
.wp_popup .box-forget .box_input { margin:0 0 55px 0; } 

.wp_popup .box-contactCard .box-popup { width:798px; height:auto; border:2px solid #274d7b; background-color:#fff; padding:0; }
.wp_popup .box-contactCard .box-popup .box_top { overflow:hidden; position:relative; padding:50px 125px 28px 48px; border-bottom:1px solid #274d7b; background: rgba(40,113,168,1); background: -moz-linear-gradient(left, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(4,45,96,1) 45%, rgba(4,45,96,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40,113,168,1)), color-stop(0%, rgba(40,113,168,1)), color-stop(0%, rgba(40,113,168,1)), color-stop(45%, rgba(4,45,96,1)), color-stop(100%, rgba(4,45,96,1))); background: -webkit-linear-gradient(left, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(4,45,96,1) 45%, rgba(4,45,96,1) 100%); background: -o-linear-gradient(left, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(4,45,96,1) 45%, rgba(4,45,96,1) 100%); background: -ms-linear-gradient(left, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(4,45,96,1) 45%, rgba(4,45,96,1) 100%); background: linear-gradient(to right, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(40,113,168,1) 0%, rgba(4,45,96,1) 45%, rgba(4,45,96,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2871a8', endColorstr='#042d60', GradientType=1 );}
.wp_popup .box-contactCard .box-popup .box_top .col-l { width:160px; margin:0 45px 0 0; float:left; }
.wp_popup .box-contactCard .box-popup .box_top .col-l .box_pic { width:160px; height:160px; border:2px solid #fff; }
.wp_popup .box-contactCard .box-popup .box_top .col-r { width:calc(100% - 205px); float:left; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .topic { font:italic 35px/30px 'db_helvethaica_x'; color:#61a5d5; margin:9px 0 5px -19px; }
/*.wp_popup .box-contactCard .box-popup .box_top .col-r .topic span { font:italic 65px/30px 'db_helvethaica_x'; }*/
.wp_popup .box-contactCard .box-popup .box_top .col-r .name { font:37px/35px 'db_helvethaica_x'; color:#fff; margin:0 0 15px 0; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .name span { display:block; text-transform:uppercase; font:20px/22px 'db_helvethaica_x'; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .box_social { overflow:hidden; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .box_social .icon { width:42px; height:42px; padding:7px 4px; text-align:center; font-size:24px; display:block; border: 2px solid #61a5d5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; float:left; margin:0 14px 0 0; border:2px solid #61a5d5; color:#61a5d5; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .box_social .icon:hover { color:#fff; background-color:#61a5d5; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .hello_btn { width:189px; height:48px; margin:20px 0 0 0; display:inline-block; padding:15px; background-color:#6fa4d0; color:#fff; text-align:center; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .hello_btn span { display:inline-block; font-size:19px; top:-27px; position:relative; }
.wp_popup .box-contactCard .box-popup .box_top .col-r .hello_btn .icon-hello { margin:0 10px 0 0; font-size:40px; top:-11px; }
.wp_popup .box-contactCard .box-popup .box_top .status { position:absolute; right:40px; top:112px; }
.wp_popup .box-contactCard .box-popup .box_top .status span { min-width:46px; position:absolute; right:19px; display:block; top:-5px; font:19px/20px 'db_helvethaica_x'; color:#fff; }
.wp_popup .box-contactCard .box-popup .box_bottom { padding:25px 80px; }
.wp_popup .box-contactCard .box-popup .box_bottom .table_card { width:100%; position:relative; }
.wp_popup .box-contactCard .box-popup .box_bottom .table_card tr th { color:#848484; font-weight:normal; vertical-align:top; font:22px/20px 'db_helvethaica_x_Med'; }
.wp_popup .box-contactCard .box-popup .box_bottom .table_card tr td { font:22px/20px 'db_helvethaica_x'; vertical-align:top; padding:3px 10px; }
.wp_popup .box-contactCard .box-popup .box_bottom .table_card tr td .bold_txt { font:22px/20px 'db_helvethaica_x_Med'; }
.wp_popup .box-contactCard .box-popup .box_bottom .table_card tr td .box_position { margin:0 0 25px 0; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest { margin:50px 0 0 0; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .topic { font:italic 24px/22px 'db_helvethaica_x_Med'; text-transform:uppercase; color:#b23023; padding:0 0 5px 0; border-bottom:3px solid #b23023; margin:0 0 15px 0; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .topic_society { color:#274d7b; border-bottom:3px solid #274d7b; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_badge { height:120px; overflow:hidden; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_badge .icon { width:50px; float:left; margin:0 20px 10px 0; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_badge .icon img { width:100%; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_society .icon { cursor:pointer; margin:5px 25px 10px 0; position:relative; font-size:43px; color:#3b94ce; float:left; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_society .icon-backpack { font-size:36px; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_society .icon .tooltip_social { width:80px; display:none; text-align:center; padding:7px 5px; border:1px solid #3b94ce; background-color:#fff; position:absolute; top:-36px; left:0; margin:0 0 0 -20px; color:#3b94ce; font:16px/15px 'db_helvethaica_x'; }
.wp_popup .box-contactCard .box-popup .box_bottom .box_interest .box_society .icon .arrow { width:9px; height:6px; display:none; position:absolute;top:-6px; left:0; right:0; margin:auto; background:url(../image/arrow_tooltip.png) center center no-repeat; }
.wp_popup .box-contactCard .box-popup .close-btn { width:35px; height:35px; background:url(../image/close_btn.png) 0 0 no-repeat; top:18px; right:24px; }
.wp_popup .box-contactCard .box-popup .close-btn::before ,.wp_popup .box-contactCard .box-popup .close-btn::after { display:none; }
.wp_popup .box-contactCard .jspDrag { background:#b23023; }

.wp_popup .box-browserIE .box-popup { width:530px; height:452px; padding:0; }
.wp_popup .box-browserIE .box-popup .wp_copylink { border:none; top:0; width:100%; padding:65px 63px 45px 63px; }
.wp_popup .box-browserIE .box-popup .wp_copylink .box_input { overflow:visible; }
.wp_popup .box-browserIE .box-popup .wp_copylink input { height:64px; width:100%; background-color:#fff; border:none; }

.wp_popup .box-joinClub .box-popup { width:550px; height:375px; padding:0; }
.wp_popup .box-joinClub .box-popup .wp_copylink { border:none; top:0; width:100%; padding:65px 63px 45px 63px; }
.wp_popup .box-joinClub .box-popup .wp_copylink .txt { color:#fff; }
.wp_popup .box-joinClub .box-popup .wp_copylink .box_input { text-align:center; }
.wp_popup .box-joinClub .box-popup .wp_copylink button { height:64px; width:195px; display:inline-block; font-style:italic; margin:0 -2px; border:1px solid #24436f; background-color:#24436f; border:none; color:#fff; }
.wp_popup .box-joinClub .box-popup .wp_copylink .cancel_btn { background-color:#3b94ce; border:1px solid #61a5d5; color:#1f4472; }
.wp_popup .box-joinClub .box-popup .wp_copylink .cancel_btn:hover { background-color:#61a5d5; color:#24436f; }

.wp_popup .box-deletePost .box-popup { width:550px; height:375px; padding:0; }
.wp_popup .box-deletePost .box-popup .wp_copylink { border:none; top:0; width:100%; padding:65px 63px 45px 63px; }
.wp_popup .box-deletePost .box-popup .wp_copylink .txt { color:#fff; }
.wp_popup .box-deletePost .box-popup .wp_copylink .box_input { text-align:center; }
.wp_popup .box-deletePost .box-popup .wp_copylink button { height:64px; width:195px; display:inline-block; font-style:italic; margin:0 -2px; border:1px solid #24436f; background-color:#24436f; border:none; color:#fff; }
.wp_popup .box-deletePost .box-popup .wp_copylink .cancel_btn { background-color:#3b94ce; border:1px solid #61a5d5; color:#1f4472; }
.wp_popup .box-deletePost .box-popup .wp_copylink .cancel_btn:hover { background-color:#61a5d5; color:#24436f; }

.wp_popup .box-addEvent .box-popup { width:690px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-addEvent .box-popup h2 { color:#ffffff; font:35px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:33px 15px; }  
.wp_popup .box-addEvent .box-popup h2::after { display:none; }
.wp_popup .box-addEvent .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-addEvent .close-btn::before ,.wp_popup .box-addEvent .close-btn::after { display:none; }
.wp_popup .box-addEvent .wp_body { padding:19px 44px 44px 44px; }
.wp_popup .box-addEvent .wp_body .box_input { margin:0 0 20px 0; }
.wp_popup .box-addEvent .wp_body input { border-bottom:1px solid #61a5d5; }
.wp_popup .box-addEvent .wp_body label { width:60px; font:24px/28px 'db_helvethaica_x'; margin:11px 0 0 0; float:left; font-weight:normal; color:#2c2c2c; text-transform:none; }
.wp_popup .box-addEvent .wp_body .title_event { font:28px/25px 'db_helvethaica_x_Med'; }
.wp_popup .box-addEvent .wp_body .title_event::-webkit-input-placeholder { font:28px/25px 'db_helvethaica_x_Med'; color:#2c2c2c; }
.wp_popup .box-addEvent .wp_body .title_event::-moz-placeholder { font:28px/25px 'db_helvethaica_x_Med'; color:#2c2c2c; }
.wp_popup .box-addEvent .wp_body .title_event:-ms-input-placeholder { font:28px/25px 'db_helvethaica_x_Med'; color:#2c2c2c; }
.wp_popup .box-addEvent .wp_body .title_event:-moz-placeholder { font:28px/25px 'db_helvethaica_x_Med'; color:#2c2c2c; }
.wp_popup .box-addEvent .wp_body .selectStyle1 { margin:0; }
.wp_popup .box-addEvent .wp_body .selectStyle1:before { right:7px; }
.wp_popup .box-addEvent .wp_body .selectStyle1:after { right:16px; }
.wp_popup .box-addEvent .wp_body .choose_room { width:100%; height:40px; border:none; border-bottom:1px solid #61a5d5; cursor:pointer; color:#2c2c2c; }
.wp_popup .box-addEvent .wp_body .box_calendar { float:left; width:calc(100% - 65px); position:relative; }
.wp_popup .box-addEvent .wp_body .box_calendar .add-on { position:absolute; color:#bebebe; right:5px; top:15px; cursor:pointer; border:none; background:none; }
.wp_popup .box-addEvent .wp_body .box_calendar .icon-time { background:url(../image/time_icon.png) 0 0 no-repeat; width:23px; height:31px; display:block; background-size:23px; opacity: 0.6; }
.wp_popup .box-addEvent .wp_body .box_mailto { overflow:hidden; }
.wp_popup .box-addEvent .wp_body .box_mailto label { width:80px; }
.wp_popup .box-addEvent .wp_body .box_mailto input { width:calc(100% - 84px); float:left; }
.wp_popup .box-addEvent .wp_body .filter_name { display:none; margin:20px 0 0 84px; width:calc(100% - 84px); font:21px/24px 'db_helvethaica_x'; }
.wp_popup .box-addEvent .wp_body .filter_name .list_filter { height:100px; } 
.wp_popup .box-addEvent .wp_body .filter_name .list { border-bottom:1px solid #61a5d5; cursor:pointer; padding:0 0 5px 0; margin:0 0 20px 0; } 
.wp_popup .box-addEvent .wp_body .box_radio { float:left; margin:0 8px 0 0; padding:13px 0; cursor:pointer; }
.wp_popup .box-addEvent .wp_body .box_radio .box_color { width:25px; height:25px; text-align:center; }
.wp_popup .box-addEvent .wp_body .box_radio input { width:100%; height:100%; cursor:pointer; }
.wp_popup .box-addEvent .wp_body .box_radio input:checked ~ .box_color:after { font-family:"mti-intranet"; content:"\37"; font-size:17px; color:#fff; }
.wp_popup .box-addEvent .submit_btn { width:178px; height:48px; border:none; background-color:#61a5d5; color:#fff; font:22px/20px 'db_helvethaica_x_Med'; margin:0 auto; display:block; }
.wp_popup .box-addEvent .submit_btn:hover { background-color:#042e60; }
.wp_popup .box-addEvent .wp_body .wp_btn .reset_btn { width:128px; height:48px; border:1px solid #61a5d5; color:#61a5d5; font:22px/20px 'db_helvethaica_x_Med'; background-color:#fff; } 
.wp_popup .box-addEvent .wp_btn { margin:40px 0 0 0; }
.wp_popup .box-addEvent .wp_body .box_checkbox { float:left; margin:0 8px 0 0; padding:0; cursor:pointer; position:relative; }
.wp_popup .box-addEvent .wp_body .box_checkbox .box_color { width:20px; height:20px; text-align:center; display:inline-block; background:#274d7b; margin:0 7px 0 0; position: relative; top: 4px; }
.wp_popup .box-addEvent .wp_body .box_checkbox input { width:100%; height:100%; z-index:2; cursor:pointer; opacity:0; top:0; right:0; position:absolute; }
.wp_popup .box-addEvent .wp_body .box_checkbox input:checked ~ .box_color:after { position:relative; top:-3px; font-family:"mti-intranet"; content:"\37"; font-size:15px; color:#fff; }
.wp_popup .box-addEvent .wp_body .box_checkbox span { display:inline-block; }
.wp_popup .box-addEvent .wp_body .box_inputcheckbox { margin:0 0 15px 0; }
.wp_popup .box-addEvent .wp_body .rowfull > div { width:100%; }

.wp_popup .box-popupStyle1 .box-popup {width: 540px; height: auto; padding: 0; background-color: #fff; border: none;}
.wp_popup .box-popupStyle1 .box-popup h1 {color: #ffffff; font: 35px/30px 'db_helvethaica_x_Med'; margin: 0; background-color: #042e60; text-align: center; border: 1px solid #274d7b; padding: 33px 15px;}
.wp_popup .box-popupStyle1 .box-popup .wp_body {padding: 19px 44px 44px 44px;}
.wp_popup .box-popupStyle1 .box-popup h2 {font-style:normal; color:#2c2c2c; font-size:27px; overflow:hidden; margin-bottom:10px;}
.wp_popup .box-popupStyle1 .box-popup h2::after {display:none;}
.wp_popup .box-popupStyle1 .box-popup h2 span {display:inline-block; padding:0px 20px 0px 0px; position:relative;}
.wp_popup .box-popupStyle1 .box-popup h2 span::after {content: ''; width:100vw; height: 9px; background: url(../image/line_popup.png) 0 0 no-repeat; position: absolute; left: 100%; top: 22px;}
.wp_popup .box-popupStyle1 .box-popup .wp_list_checkbox {padding-bottom:20px;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox {position:relative; overflow:hidden; margin-bottom:15px;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox input[type="checkbox"] {display:block; position:absolute; right:100%; bottom:100%; width:0px; height:0px; overflow:hidden;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox label {display:block; position:relative; padding:2px 0px 2px 40px; margin-bottom:0px; color:#2c2c2c; font-size:24px; line-height:1;  font-family:'db_helvethaica_x'; cursor:pointer;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox label:before {display:block; content:''; position:absolute; left:0px; top:2px; width:25px; height:25px; background:#fff; border:1px solid #9c9c9c;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox label:after {display:none;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox label:hover span {opacity:0.8;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox input:checked + label:before {background:#274d7b; border:none;}
.wp_popup .box-popupStyle1 .box-popup .box_checkbox input:checked + label:after {display:block; content:''; position:absolute; left:0px; top:2px; width:25px; height:25px; line-height:25px; text-align:center; font-family: "mti-intranet"; content: "\37"; font-size: 17px; color: #fff;}
.wp_popup .box-popupStyle1 .box-popup .wp_btn .btnStyle1 {width: 178px; height: 48px; background-color: #61a5d5; color: #fff; font: 22px/20px 'db_helvethaica_x_Med'; margin: 0 10px 0 0;}
.wp_popup .box-popupStyle1 .box-popup .wp_btn .btnStyle1:hover { background-color:#042e60; }
.wp_popup .box-popupStyle1 .box-popup .wp_btn .btnStyle2 {width: 128px; height: 48px; border: 1px solid #61a5d5; color: #61a5d5; font: 22px/20px 'db_helvethaica_x_Med'; background-color: #fff;}
.wp_popup .box-popupStyle1 .close-btn {width: 37px; height: 37px; background: url(../image/close_btn.png) 0 0 no-repeat;}
.wp_popup .box-popupStyle1 .close-btn:before {display:none;}
.wp_popup .box-popupStyle1 .close-btn:after {display:none;}

.wp_popup .box-newsfeedDetail .box-popup { width:1145px; height:auto; background-color:#fff; padding:70px 60px; border:none; }
.wp_popup .box-newsfeedDetail .box-popup h2 { color:#4194ce; font:42px/40px 'db_helvethaica_x_Med'; padding:0 50px 0 0; margin:0 0 5px 0; }
.wp_popup .box-newsfeedDetail .box-popup h2::after { display:none; }
.wp_popup .box-newsfeedDetail .box-popup .txt_cate { color:rgba(85,86,90,0.7); font:22px/22px 'db_helvethaica_x'; margin:0 -10px; }
.wp_popup .box-newsfeedDetail .box-popup .txt_cate span { display:inline-block; padding:0 10px; }
.wp_popup .box-newsfeedDetail .box-popup .text_editor { margin:30px 0 0 0; height:533px; padding:0 20px; }
.wp_popup .box-newsfeedDetail .box-popup .text_editor .box_text { padding:0 40px 0 20px; }
.wp_popup .box-newsfeedDetail .box-popup .text_editor .jspTrack { background-color:#d9eaf5; }
.wp_popup .box-newsfeedDetail .box-popup .text_editor .jspTrack .jspDrag { background-color:#4194ce; border-radius:0; }
.wp_popup .box-newsfeedDetail .box-popup .text_editor .jspVerticalBar { right:0; }
.wp_popup .box-newsfeedDetail .box-popup .close-btn { width:34px; height:34px; background:url(../image/close_m.png) 0 0 no-repeat; top:29px; right:46px; }
.wp_popup .box-newsfeedDetail .box-popup .close-btn::before ,.wp_popup  .box-newsfeedDetail .box-popup .close-btn::after { display:none; }

.wp_popup .box-congrat .box-popup { width:900px; height:590px; border:none; padding:60px 75px 42px 75px; background:url(../image/index/bg_newstaff.jpg) 0 0 no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
.wp_popup .box-congrat .box-popup .box_head { overflow:hidden; }
.wp_popup .box-congrat .box-popup .box_head .col-l { width:50%; float:left; color:#ffffff; text-transform:uppercase; }
.wp_popup .box-congrat .box-popup .box_head .col-l .txt_welcome { font:30px/28px 'db_helvethaica_x_Med'; }
.wp_popup .box-congrat .box-popup .box_head .col-l h2 { font:italic 80px/50px 'db_helvethaica_x_Med'; color:#fff; margin:0 0 20px 0; }
.wp_popup .box-congrat .box-popup .box_head .col-l h2::after { display:none; }
.wp_popup .box-congrat .box-popup .box_head .col-l h2 span { color:#3b94ce; }
.wp_popup .box-congrat .box-popup .box_head .col-l .txt_congrat { color:#fff; margin:0 0 35px 0; font:22px/20px 'db_helvethaica_x'; }
.wp_popup .box-congrat .box-popup .box_head .col-r { width:50%; float:left; padding:0 0 0 37px; position:relative; overflow:hidden; }
.wp_popup .box-congrat .box-popup .box_head .col-r::before { content:''; width:1px; height:97px; background-color:#3b94ce; display:block; position:absolute; left:0; top:0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_pic { width:97px; height:97px; padding:3px; border:2px solid #3b94ce; margin:0 25px 0 0; float:left; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_name { width:calc(100% - 122px); float:left; color:#fff; margin:15px 0 0 0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_name .name { font:26px/24px 'db_helvethaica_x_Med'; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_name .position { font:20px/20px 'db_helvethaica_x'; height:20px; overflow:hidden; margin:5px 0 0 0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_name .job { margin:0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change { width:100%; float:left; margin:15px 0 0 0; overflow:hidden; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change span { font:19px/20px 'db_helvethaica_x'; color:rgba(255,255,255,0.5); text-transform:uppercase; display:block; margin:0 0 5px 0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change { overflow:hidden; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change a { display:block; width:44px; height:44px; float:left; margin:0 10px 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change a:last-child { margin:0; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change a:hover ,.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change a.active { border:2px solid #3b94ce; }
.wp_popup .box-congrat .box-popup .box_head .col-r .box_change .list_change a img { display:none; }
.wp_popup .box-congrat .box-popup .box_select .topic_select { width:100%; height:4px; position:relative; margin:0 0 28px 0; }
.wp_popup .box-congrat .box-popup .box_select .topic_select::before { content:''; width:calc(50% - 108.5px); display:block; position:absolute; height:4px; background:url(../image/line_dot.png) 0 0 repeat-x; left:0; top:0; }
.wp_popup .box-congrat .box-popup .box_select .topic_select::after { content:''; width:calc(50% - 108.5px); display:block; position:absolute; height:4px; background:url(../image/line_dot.png) 0 0 repeat-x; right:0; top:0; }
.wp_popup .box-congrat .box-popup .box_select .topic_select span { width:215px; margin:auto; text-align:center; color:#fff; text-transform:uppercase; padding:0 23px; position:absolute; left:0; right:0; top:-8px; display:inline-block; font:24px/22px 'db_helvethaica_x_Med'; }
.wp_popup .box-congrat .box-popup .box_select .row { margin:0 -37px; }
.wp_popup .box-congrat .box-popup .box_select .colum { padding:0 37px; }
.wp_popup .box-congrat .box-popup .box_select .colum img { width:100%; }
.wp_popup .box-congrat .box-popup .box_select .colum .item { position:relative; overflow:hidden; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .overlay { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox { position:absolute; cursor:pointer; top:8px; left:8px; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox .box_color { width:25px; height:25px; background-color:#fff; border:1px solid #274d7b; position:relative; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox .box_color:after { position:absolute; font-size:15px; color:transparent; font-family:"mti-intranet"; content:"\37"; left:4px; top:-1px; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox input { width:100%; height:100%; cursor:pointer; position:absolute; top:0; left:0; z-index:2; opacity:0; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox input:checked ~ .box_color { background-color:#274d7b; border:1px solid #274d7b; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .box_checkbox input:checked ~ .box_color:after { color:#fff; }
.wp_popup .box-congrat .box-popup .box_select .colum .item .icon-fullscreen { width:25px; height:25px; cursor:pointer; position:absolute; top:9px; right:8px; color:#fff; font-size:23px; }
.wp_popup .box-congrat .box-popup .box_select .colum .item.active .overlay { display:none; }
.wp_popup .box-congrat .box-popup .box_select .colum .item.active .icon-fullscreen { color:#042e60; }
.wp_popup .box-congrat .box-popup textarea { height:62px; background-color:#fff; padding:20px 32px; margin:22px 0 30px 0; overflow:hidden; }
.wp_popup .box-congrat .box-popup textarea::-webkit-input-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-congrat .box-popup textarea::-moz-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-congrat .box-popup textarea:-ms-input-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-congrat .box-popup textarea:-moz-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-congrat .box-popup .wp_btn { text-align:center; }
.wp_popup .box-congrat .box-popup .wp_btn .submit_btn { width:150px; height:48px; display:inline-block; float:none; background-color:#61a5d5; font:22px/20px 'db_helvethaica_x_Med'; color:#fff; position:relative; padding:13px 46px 13px 60px; margin:0 10px 0 0; }
.wp_popup .box-congrat .box-popup .wp_btn .submit_btn:hover { background-color:#284d7a; }
.wp_popup .box-congrat .box-popup .wp_btn .submit_btn .icon-send { font-size:30px; position:absolute; top:8px; left:17px; }
.wp_popup .box-congrat .box-popup .wp_btn .cancel_btn { width:150px; height:48px; display:inline-block; float:none; background-color:#fff; font:22px/20px 'db_helvethaica_x_Med'; color:#3b94ce; border:1px solid #3b94ce; padding:13px 10px; }
.wp_popup .box-congrat .box-popup .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; top:20px; right:22px; }
.wp_popup .box-congrat .box-popup .close-btn::before ,.wp_popup .box-congrat .box-popup .close-btn::after { display:none; }

.wp_popup .box-giveWish .box-popup { width:900px; height:610px; border:none; padding:60px 75px 42px 75px; background:url(../image/index/bg_getwish.jpg) 0 0 no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
.wp_popup .box-giveWish .box-popup .box_head { overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_head .col-l { width:50%; float:left; color:#ffffff; text-transform:uppercase; overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_dateWish { width:103px; height:107px; float:left; margin:0 25px 0 0; padding:12px 0; background-color:#fff; border:7px solid #3b94ce; text-align:center; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_dateWish .txt_month { font:30px/25px 'db_helvethaica_x_Med'; color:#274d7b; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_dateWish span { display:block; color:#3b94ce; font:80px/50px 'db_helvethaica_x_Med'; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_txtBirth { width:calc(100% - 128px); float:left; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_txtBirth .txt_birth { font:85px/50px 'db_helvethaica_x_Med'; margin:12px 0 0 0; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .box_txtBirth span { display:block; font:48px/40px 'db_helvethaica_x_Med'; }
.wp_popup .box-giveWish .box-popup .box_head .col-l .txt_giveWish { width:100%; float:left; color:#fff; margin:10px 0 25px 0; font:22px/20px 'db_helvethaica_x'; }
.wp_popup .box-giveWish .box-popup .box_head .col-r { width:50%; float:left; padding:0 0 0 37px; position:relative; overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_head .col-r::before { content:''; width:1px; height:97px; background-color:#3b94ce; display:block; position:absolute; left:0; top:0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_pic { width:97px; height:97px; padding:3px; border:2px solid #3b94ce; margin:0 25px 0 0; float:left; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_name { width:calc(100% - 122px); float:left; color:#fff; margin:5px 0 0 0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_name .name { font:26px/24px 'db_helvethaica_x_Med'; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_name .position { font:20px/20px 'db_helvethaica_x'; height:20px; overflow:hidden; margin:5px 0 0 0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_name .job { margin:0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change { width:100%; float:left; margin:15px 0 0 0; overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change span { font:19px/20px 'db_helvethaica_x'; color:rgba(255,255,255,0.5); text-transform:uppercase; display:block; margin:0 0 5px 0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change { overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change a { display:block; width:44px; height:44px; float:left; margin:0 10px 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change a:last-child { margin:0; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change a:hover ,.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change a.active { border:2px solid #3b94ce; }
.wp_popup .box-giveWish .box-popup .box_head .col-r .box_change .list_change a img { display:none; }
.wp_popup .box-giveWish .box-popup .box_head .txt_congrat { color:#fff; margin:10px 0 20px 0; }
.wp_popup .box-giveWish .box-popup .box_select .topic_select { width:100%; height:4px; position:relative; margin:0 0 28px 0; }
.wp_popup .box-giveWish .box-popup .box_select .topic_select::before { content:''; width:calc(50% - 108.5px); display:block; position:absolute; height:4px; background:url(../image/line_dot.png) 0 0 repeat-x; left:0; top:0; }
.wp_popup .box-giveWish .box-popup .box_select .topic_select::after { content:''; width:calc(50% - 108.5px); display:block; position:absolute; height:4px; background:url(../image/line_dot.png) 0 0 repeat-x; right:0; top:0; }
.wp_popup .box-giveWish .box-popup .box_select .topic_select span { width:215px; margin:auto; text-align:center; color:#fff; text-transform:uppercase; padding:0 23px; position:absolute; left:0; right:0; top:-8px; display:inline-block; font:24px/22px 'db_helvethaica_x_Med'; }
.wp_popup .box-giveWish .box-popup .box_select .row { margin:0 -37px; }
.wp_popup .box-giveWish .box-popup .box_select .colum { padding:0 37px; }
.wp_popup .box-giveWish .box-popup .box_select .colum img { width:100%; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item { position:relative; overflow:hidden; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .overlay { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox { position:absolute; cursor:pointer; top:8px; left:8px; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox .box_color { width:25px; height:25px; background-color:#fff; border:1px solid #274d7b; position:relative; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox .box_color:after { position:absolute; font-size:15px; color:transparent; font-family:"mti-intranet"; content:"\37"; left:4px; top:-1px; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox input { width:100%; height:100%; cursor:pointer; position:absolute; top:0; left:0; z-index:2; opacity:0; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox input:checked ~ .box_color { background-color:#274d7b; border:1px solid #274d7b; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .box_checkbox input:checked ~ .box_color:after { color:#fff; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item .icon-fullscreen { width:25px; height:25px; cursor:pointer; position:absolute; top:9px; right:8px; color:#fff; font-size:23px; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item.active .overlay { display:none; }
.wp_popup .box-giveWish .box-popup .box_select .colum .item.active .icon-fullscreen { color:#042e60; }
.wp_popup .box-giveWish .box-popup textarea { height:62px; background-color:#fff; padding:20px 32px; margin:22px 0 30px 0; overflow:hidden; }
.wp_popup .box-giveWish .box-popup textarea::-webkit-input-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-giveWish .box-popup textarea::-moz-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-giveWish .box-popup textarea:-ms-input-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-giveWish .box-popup textarea:-moz-placeholder { font:italic 22px/20px 'db_helvethaica_x'; color:#b1b1b1; }
.wp_popup .box-giveWish .box-popup .wp_btn { text-align:center; }
.wp_popup .box-giveWish .box-popup .wp_btn .submit_btn { width:150px; height:48px; display:inline-block; float:none; background-color:#61a5d5; font:22px/20px 'db_helvethaica_x_Med'; color:#fff; position:relative; padding:13px 46px 13px 60px; margin:0 10px 0 0; }
.wp_popup .box-giveWish .box-popup .wp_btn .submit_btn:hover { background-color:#042e60; }
.wp_popup .box-giveWish .box-popup .wp_btn .submit_btn .icon-send { font-size:30px; position:absolute; top:8px; left:17px; }
.wp_popup .box-giveWish .box-popup .wp_btn .cancel_btn { width:150px; height:48px; display:inline-block; float:none; background-color:#fff; font:22px/20px 'db_helvethaica_x_Med'; color:#3b94ce; border:1px solid #3b94ce; padding:13px 10px; }
.wp_popup .box-giveWish .box-popup .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; top:20px; right:22px; }
.wp_popup .box-giveWish .box-popup .close-btn::before ,.wp_popup .box-giveWish .box-popup .close-btn::after { display:none; }

.wp_popup .box-reminder .box-popup { width:450px; height:430px; padding:0; border:none; background-color:#fff; }
.wp_popup .box-reminder .box-popup #form_reminders { padding:0 20px; }
.wp_popup .box-reminder .box-popup .wp_copylink .cancel_btn { background-color:#3b94ce; border:1px solid #61a5d5; color:#1f4472; }
.wp_popup .box-reminder .box-popup .wp_copylink .cancel_btn:hover { background-color:#61a5d5; color:#24436f; }
.wp_popup .box-reminder .box-popup .box_reminders .box_topic .edit_btn { margin:5px 47px 0 0; }
.wp_popup .box-reminder .box-popup .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; top:13px; right:20px; }
.wp_popup .box-reminder .box-popup .close-btn::before ,.wp_popup .box-reminder .box-popup .close-btn::after { display:none; }

.wp_popup .box-detailRedeem .box-popup { width:540px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-detailRedeem .box-popup h2 { color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:26px 15px; }  
.wp_popup .box-detailRedeem .box-popup h2::after { display:none; }
.wp_popup .box-detailRedeem .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-detailRedeem .close-btn::before ,.wp_popup .box-detailRedeem .close-btn::after { display:none; }
.wp_popup .box-detailRedeem .wp_body { padding:40px 42px 48px 42px; text-align:center; }
.wp_popup .box-detailRedeem .wp_body .name_redeem { margin:30px 0; }
.wp_popup .box-detailRedeem .wp_body .box_condition .topic { cursor:pointer; font:22px/20px 'db_helvethaica_x'; padding:17px 30px 17px 0; border-top:1px solid #61a5d5; border-bottom:1px solid #61a5d5; text-align:left; position:relative; }
.wp_popup .box-detailRedeem .wp_body .box_condition .topic .icon-next { position:absolute; right:2px; top:18px; color:#61a5d5; font-size:20px; }
.wp_popup .box-detailRedeem .wp_body .box_condition .sub_condition { font:18px/20px 'db_helvethaica_x'; text-align:left; display:none; }
.wp_popup .box-detailRedeem .wp_body .box_condition .sub_condition ol { margin:15px 0 0 15px; }
.wp_popup .box-detailRedeem .wp_body .box_condition .sub_condition ol li { margin:0 0 5px 0; }
.wp_popup .box-detailRedeem .wp_body .box_condition.active .topic .icon-next:before { content:"\4b"; }
.wp_popup .box-detailRedeem .wp_body .box_point { margin:40px -15px 0 -15px; overflow:hidden; text-align:left; font:20px/20px 'db_helvethaica_x'; }
.wp_popup .box-detailRedeem .wp_body .box_point .txt_point { font:32px/30px 'db_helvethaica_x'; }
.wp_popup .box-detailRedeem .wp_body .box_point .txt_point span { font:20px/20px 'db_helvethaica_x'; }
.wp_popup .box-detailRedeem .wp_body .box_point .redeem_btn { width:100%; height:58px; display:block; padding:20px 15px; background-color:#61a5d5; color:#fff; text-align:center; }
.wp_popup .box-detailRedeem .wp_body .box_point .redeem_btn:hover { background-color:#042e60; }
.wp_popup .box-detailRedeem .wp_body .box_point .redeem_btn.disable_btn { background-color:#b7b7b7; }

.wp_popup .box-successRedeem .box-popup { width:540px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-successRedeem .box-popup h2 { color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:26px 15px; }  
.wp_popup .box-successRedeem .box-popup h2::after { display:none; }
.wp_popup .box-successRedeem .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-successRedeem .close-btn::before ,.wp_popup .box-successRedeem .close-btn::after { display:none; }
.wp_popup .box-successRedeem .wp_body { padding:70px 100px 66px 100px; text-align:center; }
.wp_popup .box-successRedeem .wp_body .txt_success span { display:block; }
.wp_popup .box-successRedeem .wp_body .box_code { margin:30px 0; }
.wp_popup .box-successRedeem .wp_body .box_code .topic { font-family:'db_helvethaica_x_Med'; }
.wp_popup .box-successRedeem .wp_body .box_code .txt_code { width:100%; border:1px solid #61a5d5; margin:15px 0 0 0; padding:13px 15px; text-transform:uppercase; font:32px/30px 'db_helvethaica_x'; }
.wp_popup .box-successRedeem .wp_body .history_btn { color:#2c2c2c; display:inline-block; border-bottom:1px solid #2c2c2c; }

.wp_popup .box-contactHR .box-popup { width:507px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-contactHR .box-popup h2 { color:#ffffff; font:26px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#1f4472; text-align:center; padding:25px 20px; }  
.wp_popup .box-contactHR .box-popup h2::after { display:none; }
.wp_popup .box-contactHR .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; top:22px; right:20px; }
.wp_popup .box-contactHR .close-btn::before ,.wp_popup .box-contactHR .close-btn::after { display:none; }
.wp_popup .box-contactHR .wp_body { padding:30px 30px 35px 30px; }
.wp_popup .box-contactHR .wp_body .colum { position:relative; }
.wp_popup .box-contactHR .wp_body .colum:last-child::before { content:''; display:block; position:absolute; width:1px; height:calc(100% - 36px); top:0; bottom:0; left:0; margin:auto; background-color:#2c2c2c; }
.wp_popup .box-contactHR .wp_body .mailto_btn { display:block; color:#2c2c2c; font:25px/28px 'db_helvethaica_x_Med'; text-align:center; }
.wp_popup .box-contactHR .wp_body .mailto_btn .icon { width:107px; height:107px; margin:0 auto 5px auto; padding:17px; color:#2c2c2c; font-size:69px; }
.wp_popup .box-contactHR .wp_body .mailto_btn:hover .icon { background-color:#61a5d5; color:#fff; }
.wp_popup .box-contactHR .wp_body .mailto_btn .icon-badreview { padding:19px 17px; }
.wp_popup .box-contactHR .wp_body .mailto_btn .txt_hr { font:21px/22px 'db_helvethaica_x'; }

.wp_popup .box-webboardRule .box-popup { width:810px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-webboardRule .box-popup h2 { color:#ffffff; font:26px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#1f4472; text-align:center; padding:25px 20px; }  
.wp_popup .box-webboardRule .box-popup h2::after { display:none; }
.wp_popup .box-webboardRule .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; top:22px; right:20px; }
.wp_popup .box-webboardRule .close-btn::before ,.wp_popup .box-webboardRule .close-btn::after { display:none; }
.wp_popup .box-webboardRule .wp_body { padding:40px 45px 45px 45px; font:22px/24px 'db_helvethaica_x'; color:#2c2c2c; }
.wp_popup .box-webboardRule .wp_body ul { margin:30px 0 0 0; }
.wp_popup .box-webboardRule .wp_body ul li { list-style-type:none; position:relative; margin:0 0 7px 0; padding:0 0 0 23px; }
.wp_popup .box-webboardRule .wp_body ul li::before { content:''; width:5px; height:5px; background-color:#a9a9a9; display:block; position:absolute; left:0; top:9px; }

.wp_popup .box-detailNoti .box-popup { width:690px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-detailNoti .box-popup h2 { color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:33px 15px; }  
.wp_popup .box-detailNoti .box-popup h2::after { display:none; }
.wp_popup .box-detailNoti .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-detailNoti .close-btn::before ,.wp_popup .box-detailNoti .close-btn::after { display:none; }
.wp_popup .box-detailNoti .wp_body { padding:50px 45px; }
.wp_popup .box-detailNoti .wp_body .title_detailNoti { font:28px/25px 'db_helvethaica_x_Med'; }
.wp_popup .box-detailNoti .wp_body .txt_detailNoti { border-bottom:1px solid #61a5d5; padding:0 0 5px 0; }
.wp_popup .box-detailNoti .wp_body .box_text { margin:0 0 20px 0; }
.wp_popup .box-detailNoti .wp_body .topic_txt { width:65px; display:inline-block; margin:0 5px 0 0; }
.wp_popup .box-detailNoti .wp_body .colum { display:inline-block; width:calc(100% - 75px); }

.wp_popup .box-splash .box-popup { width:690px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-splash .box-popup h2 { color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:33px 65px; }  
.wp_popup .box-splash .box-popup h2::after { display:none; }
.wp_popup .box-splash .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-splash .close-btn::before ,.wp_popup .box-splash .close-btn::after { display:none; }
.wp_popup .box-splash .wp_body { padding:50px 45px; text-align:center; }

.wp_popup .box-listService .box-popup { width:690px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-listService .box-popup h2 { color:#ffffff; font:35px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#1f4472; text-align:center; border:1px solid #274d7b; padding:25px 15px; }  
.wp_popup .box-listService .box-popup h2::after { display:none; }
.wp_popup .box-listService .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-listService .close-btn::before ,.wp_popup .box-listService .close-btn::after { display:none; }
.wp_popup .box-listService .wp_body { padding:20px 50px 40px 50px; border:7px solid #d6efff; border-top:0; }
.wp_popup .box-listService .wp_body ul li { list-style-type:none; padding:18px 0 18px 35px; position:relative; border-bottom:1px solid #dfedf7; }
.wp_popup .box-listService .wp_body ul li::before { content:''; display:block; width:11px; height:11px; background:#1f4472; position:absolute; left:0; top:23px; }
.wp_popup .box-listService .wp_body ul li a { display:block; font:22px/24px 'db_helvethaica_x'; color:#2c2c2c; }
.wp_popup .box-listService .wp_body ul li:hover::before { background:#d6efff; }
.wp_popup .box-listService .wp_body ul li:hover a { color:#61a5d5; }

.wp_popup .box-cookies .box-popup { width:538px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-cookies .box-popup h2 { height:79px; color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:33px 65px; }  
.wp_popup .box-cookies .box-popup h2::after { display:none; }
.wp_popup .box-cookies .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-cookies .close-btn::before ,.wp_popup .box-cookies .close-btn::after { display:none; }
.wp_popup .box-cookies .wp_body { padding:45px 49px 50px 49px; text-align:center; }
.wp_popup .box-cookies .wp_body .txt_cookies { color:#2c2c2c; font:22px/24px 'db_helvethaica_x'; }
.wp_popup .box-cookies .wp_body .wp_btn { margin:35px 0 0 0; text-align:center; } 
.wp_popup .box-cookies .wp_body .wp_btn a { width:128px; height:45px; padding:8px 10px; display:inline-block; margin:0 9px; color:#fff; background:#61a5d5; border:1px solid #61a5d5; }
.wp_popup .box-cookies .wp_body .wp_btn .deny_btn { background:#fff; border:1px solid #61a5d5; color:#61a5d5; }

.wp_popup .box-wrongpass .box-popup { width:590px; height:auto; padding:0; background-color:#fff; border:none; }
.wp_popup .box-wrongpass .box-popup h2 { color:#ffffff; font:32px/30px 'db_helvethaica_x_Med'; margin:0; background-color:#042e60; text-align:center; border:1px solid #274d7b; padding:33px 65px; }  
.wp_popup .box-wrongpass .box-popup h2::after { display:none; }
.wp_popup .box-wrongpass .close-btn { width:37px; height:37px; background:url(../image/close_btn.png) 0 0 no-repeat; }
.wp_popup .box-wrongpass .close-btn::before ,.wp_popup .box-wrongpass .close-btn::after { display:none; }
.wp_popup .box-wrongpass .wp_body { padding:70px 45px; text-align:center; }

/***header***/
header { width:100%; height:112px; position:fixed; top:0; left:0; z-index:99; padding:13px 60px 11px 60px; -webkit-box-shadow:-1px 8px 23px -7px rgba(0,0,0,0.44); -moz-box-shadow:-1px 8px 23px -7px rgba(0,0,0,0.44); box-shadow:-1px 8px 23px -7px rgba(0,0,0,0.44); }
header > .container { width:100%; height:100%; }
header .bg_head { width:100%; position:absolute; top:0; left:0; height:100%; background-color:rgba(39,77,123,0.8); }
header .box-top { position:relative; height:100%; }
header .box-top .logo { width:74px; float:left; margin:0 30px 0 0; display:block; position:relative; z-index:2; overflow:hidden; }
header .box-top .logo img { width:100%; }
header .box-top .menu-right { float:right; color:rgba(255,255,255,0.5); }
header .box-top .menu-right .quicktool_btn { margin:15px 25px 0 0; padding:12px 8px; float:left; position:relative; cursor:pointer; border:1px solid rgba(255,255,255,0.5); font:18px/16px 'db_helvethaica_x'; }
header .box-top .menu-right .quicktool_btn .txt_quicktool { width:44px; display:inline-block; margin:0 0 0 7px; text-transform:uppercase; }
header .box-top .menu-right .quicktool_btn .icon-mechanics { font-size:27px; margin:0 7px; display:inline-block; }
header .box-top .menu-right .quicktool_btn .icon-arrow { width:20px; opacity:0; position:absolute; font-size:20px; color:rgba(4,46,96,0.95); bottom:-33px; left:0; right:0; margin:auto; }
header .box-top .menu-right .quicktool_btn .sub_quicktool { display:none; height:calc(100vh - 112px); position:absolute; top:83px; width:420px; right:-308px; background-color:rgba(4,46,96,0.95); padding:15px; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu { padding:0 5px 10px 0; height:100%; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu a { display:block; padding:12px 0; color:#fff; overflow:hidden; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu a div { width:50px; font-size:20px; margin:0 30px 0 0; float:left; text-align:center; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu a .icon-newfriend { height:30px; background:url(../image/newfriend.png) center center no-repeat; background-size:28px; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu a .icon-idrive { margin:-16px 30px 0 0; font-size:44px; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu a span { width:calc(100% - 80px); height:auto; overflow:hidden; margin:5px 0 0 0; display:block; font:18px/17px 'db_helvethaica_x'; float:left; }
header .box-top .menu-right .quicktool_btn .sub_quicktool .box_menu .jspDrag { background:#163153; }
header .box-top .menu-right .box_search { position:relative; margin:32px 25px 0 0; float:left; }
header .box-top .menu-right .box_search .icon-search { font-size:25px; cursor:pointer; }
header .box-top .menu-right .box_search .wp_search { display:none; padding:60px 0; position:fixed; z-index:999; width:100%; height:100vh; overflow-y:scroll; left:0; top:0; background:url(../image/bg_Search.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }
header .box-top .menu-right .box_search .wp_search .container { width:950px; }
header .box-top .menu-right .box_search .wp_search .content_search { position:relative; overflow:hidden; margin:0 0 35px 0; }
header .box-top .menu-right .box_search .wp_search .content_search input { height:48px; border-bottom:1px solid #61a5d5; padding:10px 140px 10px 60px; }
header .box-top .menu-right .box_search .wp_search .content_search button { width:130px; height:48px; position:absolute; right:0; top:-1px; color:#fff; text-align:center; border:none; background-color:#61a5d5; font:23px/20px 'db_helvethaica_x_Med'; }
header .box-top .menu-right .box_search .wp_search .content_search .icon-search { width:53px; height:32px; font-size:20px; color:#dfe5ec; position:absolute; left:0; bottom:7px; text-align:center; }
header .box-top .menu-right .box_search .wp_search .box_condition { margin:0 0 15px 0; color:#fff; }
header .box-top .menu-right .box_search .wp_search .box_condition .topic_codition { display:block; color:#61a5d5; font:25px/24px 'db_helvethaica_x'; margin:0 0 20px 0; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox { position:relative; padding:0 0 0 38px; margin:0; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox label { padding:0; margin:0; font-weight:normal; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox input { width:20px; height:20px; position:absolute; top:2px; left:0; opacity:0; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox span { font:25px/24px 'db_helvethaica_x'; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox .icon-check { width:20px; height:20px; color:transparent; border:1px solid #fff; position:absolute; top:1px; left:0; font-size:12px; padding:2px; text-align:center; }
header .box-top .menu-right .box_search .wp_search .box_condition .checkbox input:checked ~ .icon-check { color:#fff; }
header .box-top .menu-right .box_search .wp_search .box_condition .main_search { margin:0 0 15px 0; }
header .box-top .menu-right .box_search .wp_search .box_condition .sub_search { display:none; }
header .box-top .menu-right .box_search .wp_search .box_condition .sub_search span { font:20px/24px 'db_helvethaica_x'; }
header .box-top .menu-right .box_search .wp_search .box_condition .sub_search label { margin:0 0 10px 0; }
header .box-top .menu-right .box_search .wp_search .box_type { margin:0 0 30px 0; }
header .box-top .menu-right .box_search .wp_search .box_type .colum { width:20%; }
header .box-top .menu-right .box_search .wp_search .close_search { width:46px; height:46px; background:url(../image/close_search.png) 0 0 no-repeat; position:absolute; top:8%; right:8%; cursor:pointer; }
header .box-top .menu-right .box_user { display:block; float:left; }
header .box-top .menu-right .box_user .box_noti { position:relative; margin:33px 30px 0 0; float:left; cursor:pointer; }
header .box-top .menu-right .box_user .box_noti .icon-noti { font-size:27px; }
header .box-top .menu-right .box_user .box_noti .num { min-width:24px; min-height:24px; padding:3px; background-color:#dd4333; text-align:center; color:#fff; font:18px/18px 'db_helvethaica_x_Med'; position:absolute; top:-10px; right:-14px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
header .box-top .menu-right .box_user .box_noti .box_chat { width:300px; height:calc(100% - 112px); padding:38px 0 30px 0; border-left:1px solid #dddddd; background-color:#fff; position:fixed; top:112px; right:0; }
header .box-top .menu-right .box_user .box_noti .box_chat .close_chat { color:#274d7b; position:absolute; right:24px; top:37px; z-index:3; }
header .box-top .menu-right .box_user .box_noti .box_chat .topic { color:#274d7b; font:22px/20px 'db_helvethaica_x_Med'; text-transform:uppercase; padding:0 27px 0 27px; }
header .box-top .menu-right .box_user .box_noti .box_chat .topic span { display:block; margin:0 0 10px 0; border-bottom:1px solid #b2b2b2; padding:0 25px 15px 0; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend { height:calc(100% - 90px); }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend .jspVerticalBar { right:8px; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend a { height:52px; display:block; position:relative; padding:5px 49px 5px 87px; margin:7px 0; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend a:hover { background-color:#f0f0f0; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend a .box_pic { width:48px; height:48px; border:none; position:absolute; top:2px; left:22px; margin:0; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend a span { color:#2c2c2c; font:20px/20px 'db_helvethaica_x'; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_friend a .status { position:absolute; right:37px; top:21px; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_searchChat { opacity:0; position:absolute; bottom:0; left:0; height:50px; width:100%; border-top:1px solid #efefef; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_searchChat .box_input { position:relative; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_searchChat .box_input input { height:50px; padding:10px 10px 10px 60px; color:rgba(44,44,44,0.5); }
header .box-top .menu-right .box_user .box_noti .box_chat .box_searchChat .box_input .icon-search { color:#b3b3b3; position:absolute; top:14px; left:27px; }
header .box-top .menu-right .box_user .box_noti .box_chat .box_searchChat .box_input .icon-send  { position:absolute; right:0; top:0; height:50px; background-color:#fff; color:#3b94ce; width:50px; text-align:center; padding:16px 15px; font-size:18px; cursor:pointer; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson { width:auto; position:fixed; bottom:0; right:312px; display:none; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other { float:right; position:relative; top:316px; display:none; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .icon-noti { width:50px; height:40px; background-color:#3b94ce; color:#fff; padding:7px 10px 5px 10px; font-size:28px; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .sub_friend { width:192px; display:none; padding:12px 15px; background-color:#fff; position:absolute; bottom:47px; right:0; border:1px solid #b2b2b2; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .sub_friend li { list-style-type:none; position:relative; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .sub_friend li a { height:22px; overflow:hidden; display:block; color:#2c2c2c; padding:0 26px 0 0; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .sub_friend li .close_subfriend { cursor:pointer; width:12px; height:12px; position:absolute; right:0; top:5px; display:block; background:url(../image/close_chatOther.png) 0 0 no-repeat; }
header .box-top .menu-right .box_user .box_noti .box_chatPerson .chat_other .sub_friend li .close_subfriend:hover { background-position:-14px 0; }
header .box-top .menu-right .box_user .box_listnoti { float:left; position:relative; margin:33px 25px 0 0; display:none; }
header .box-top .menu-right .box_user .box_listnoti .icon-earth { font-size:25px; cursor:pointer; position:relative; }
header .box-top .menu-right .box_user .box_listnoti .icon-earth .num { min-width:24px; min-height:24px; padding:3px; background-color:#dd4333; text-align:center; color:#fff; font:18px/18px 'db_helvethaica_x_Med'; position:absolute; top:-10px; right:-14px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti { display:none; position:absolute; right:0; top:66px; width:293px; background-color:#effbfc; border:1px solid #e9e9e9; border-bottom:0; font:20px/22px 'db_helvethaica_x_Med'; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .icon-arrowUser { width:14px; height:14px; display:block; position:absolute; top:-14px; right:5px; background: url(../image/arrow_profile.png) 0 0 no-repeat; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .box_item { max-height:calc(100vh - 112px); overflow:hidden; padding:0 0 30px 0; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .list { display:block ; padding:15px 20px; border-bottom:1px solid #e9e9e9; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .list:hover { background-color:#fff; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .list .txt { max-height:36px; overflow:hidden; color:#2c2c2c; }
header .box-top .menu-right .box_user .box_listnoti .box_detailnoti .list .date { font:16px/18px 'db_helvethaica_x'; margin:0; }
header .box-top .menu-right .box_nonlogin { float:left; }
header .box-top .menu-right .box_pic { width:50px; height:50px; margin:19px 0 0 0; float:left; color:rgba(255,255,255,0.5); border:2px solid #fff; cursor:pointer; }
header .box-top .menu-right .box_pic .icon-user { width:100%; height:100%; padding:13px; background-color:#507196; color:#fff; font-size:20px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
header .box-top .menu-right .box_pic .txt_login { font:17px/20px 'db_helvethaica_x'; color:#fff; display:block; margin:4px 0 0 0; }
header .box-top .menu-right .box_username { width:50px; float:left; position:relative; }
header .box-top .menu-right .box_username .menu_user { width:178px; height:105px; z-index:9; position:absolute; background-color:#fff; border:1px solid #86a9ca; left:0; top:99px; margin:0 0 0 -64px; padding:12px 0; display:none; }
header .box-top .menu-right .box_username .menu_user .icon-arrowUser { width:14px; height:14px; display:block; position:absolute; top:-14px; left:0; right:0; margin:auto; background:url(../image/arrow_profile.png) 0 0 no-repeat; }
header .box-top .menu-right .box_username .menu_user ul li { list-style-type:none; }
header .box-top .menu-right .box_username .menu_user ul li a { font:21px/20px 'db_helvethaica_x_Med'; display:block; color:#285382; padding:9px 39px; }
header .box-top .menu-right .box_username .menu_user ul li a:hover { color:#fff; background-color:#274d7b; }
header .box-bottom { position:absolute; top:0; right:28%; }
header .box-bottom .closeM_btn { display:none; }
header .box-bottom ul li { display:inline-block; height:112px; padding:47px 0; cursor:pointer; }
header .box-bottom ul li a { display:block; padding:0 25px; border-left:1px solid #fff; font:20px/20px 'db_helvethaica_x'; color:#fff; }
header .box-bottom ul li:first-child a { border:none; }
header .box-bottom ul li.dropdown { position:relative; }
header .box-bottom ul li.dropdown > a::before { content:''; opacity:0; width:23px; height:16px; position:absolute; background:url(../image/arrow_up2.png) 0 0 no-repeat; left:0; right:0; top:98px; margin:auto; }
header .box-bottom ul li.dropdown.hover > a::before { opacity:1; }
header .box-bottom ul li.dropdown .submenu { width:100%; display:none; background-color:#1a5d9b; padding:23px 15px; position:fixed; top:112px; left:0; text-align:center; }
header .box-bottom ul li.dropdown .submenu li { height:auto; padding:0; }
header .box-bottom ul li.dropdown .submenu a { border:none; }

/***footer***/
footer { width:100%; position:fixed; opacity:1; left:0; bottom:0; z-index:5; padding:16px 15px; background-color:#274d7b; text-align:center; color:#fff; font:19px/18px 'db_helvethaica_x_Med'; }
footer .box_social { position:absolute; left:92px; top:0px; overflow:hidden; padding:10px 0; }
footer .box_social .topic { color:rgba(255,255,255,0.5); margin:0 25px 0 0; border:1px solid rgba(255,255,255,0.5); padding:7px 8px; display:block; float:left; }
footer .box_social .list_social { float:left; overflow:hidden; margin:8px 0 0 0; }
footer .box_social .list_social a { display:block; float:left; color:rgba(255,255,255,0.5); margin:0 30px 0 0; font-size:17px; }
footer .box_social .list_social a:hover { color:#fff; }
footer .box_social .list_social .icon-linef { width:20px; height:20px; background:url(../image/icon-line.png) center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
footer .contact_btn { width:156px; height:50px; background-color:#1a5d9b; position:absolute; top:0; right:0; cursor:pointer; overflow:hidden; padding:10px 23px 10px 65px; display:block; color:#fff; text-align:left; }
footer .contact_btn:hover { background-color:#12253f; }
footer .contact_btn .icon { display:inline-block; font-size:28px; position:absolute; top:12px; bottom:0; margin:auto; left:23px; }
footer .contact_btn .topic { display:inline-block; width:64px; font:18px/18px 'db_helvethaica_x_Med'; }
footer .contact_btn .topic span { display:block; font:20px/14px 'db_helvethaica_x_Med'; }
footer .box_contactHr { right:156px; background-color:#3b94ce; }
footer .icon-linef img { display:none; }
footer.foothide { display:none !important; }

/******start page*************/
/***index page***/
.wp_index .box_topic { font:28px/26px 'db_helvethaica_x_Med'; color:#274d7b; position:relative; padding:0 0 8px 0; } 
.wp_index .box_topic .line { width:80px; height:2px; background-color:#b23023; bottom:0; left:0; position:absolute; }
.wp_index .box_list .row { margin:0 -7px; }
.wp_index .box_list .row .colum { padding:0 7px; margin:0; }
.wp_index .box_listing { display:block; }
.wp_index .box_listing .wp_pic { position:relative; width:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-position:top center; }
.wp_index .box_listing .wp_pic .pic_list { display:none; }
.wp_index .box_listing .wp_pic .caption { width:100%; height:auto; position:absolute; left:0; bottom:0; }
.wp_index .box_listing .wp_pic .caption .type { font:21px/22px 'db_helvethaica_x'; text-align:center; padding:5px 15px; margin:0 0 12px 0; color:#fff; background-color:#4194ce; display:inline-block; }
.wp_index .box_listing .wp_pic .overlay_list { width:100%; position:absolute; bottom:0; left:0; display:block; }
.wp_index .box_listing .text { font:21px/20px 'db_helvethaica_x'; color:#2c2c2c; }
.wp_index .box_list .colum-lg .box_listing .wp_pic .bg_pic { height:453px; }
.wp_index .box_list .colum-lg .box_listing .wp_pic .caption { padding:0 30px; }
.wp_index .box_list .colum-lg .box_listing .wp_pic .caption .text { margin:0 0 23px 0; font:32px/30px 'db_helvethaica_x'; color:#fff; }
.wp_index .box_list .colum-sm .box_listing .wp_pic .bg_pic { height:165px; }
.wp_index .box_list .colum-sm .box_listing .wp_pic .caption { padding:0 15px; }
.wp_index .box_list .colum-sm .box_listing .text { height:40px; overflow:hidden; margin:14px 0; display:block; }
.wp_index #box_mainBanner { width:100%; height:100vh; overflow:hidden; position:relative; }
.wp_index #box_mainBanner .item { width:100%; height:100vh; float:left; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-position:center left; background-repeat:no-repeat; }
.wp_index #box_mainBanner .item img { display:none; }
.wp_index #box_mainBanner .item .wp_vdoSlise { width:100%; position:relative; background-color:#000; }
.wp_index #box_mainBanner .item video { width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.wp_index #box_mainBanner .item .icon-vdo { position:absolute; height:80px; width:80px; font-size:80px; color:#fff; left:0; top:0; right:0; bottom:0; margin:auto; cursor:pointer; z-index:1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }
.wp_index #box_mainBanner .bar { width:0; height:4px; background-color:#4194ce; position:absolute; left:0; bottom:0; z-index:2; }
.wp_index #box_calendar { margin:40px 0 50px 0; background:#fff; position:relative; overflow:hidden; }
.wp_index #box_calendar .colum-white { background-color:#fff; }
.wp_index #box_calendar .head_calendar { margin-bottom:15px; font:22px/20px 'db_helvethaica_x'; color:#363737; }
.wp_index #box_calendar .head_calendar .col-l { padding-right:75px; position:relative; }
.wp_index #box_calendar .head_calendar .col-l .box_head .num { float:left; letter-spacing:-1px; padding:13px 11px; margin:0 20px 0 0; background-color:#274d7b; color:#fff; font:85px/60px 'db_helvethaica_x_Med'; text-align:center; }
.wp_index #box_calendar .head_calendar .col-l .box_head .box_month { text-transform:uppercase; float:left; color:#2c2c2c; font:30px/30px 'db_helvethaica_x_Med'; }
.wp_index #box_calendar .head_calendar .col-l .box_head .box_month .day { color:#3b94ce; font:22px/20px 'db_helvethaica_x_Med'; margin:20px 0 0 0; }
.wp_index #box_calendar .head_calendar .col-l .notice { width:75px; height:30px; z-index:2; color:#fff; font:20px/20px 'db_helvethaica_x_Med'; padding:5px 13px; position:absolute; right:15px; top:0; bottom:0; margin:auto; background:url(../image/index/notice.png) 0 0 no-repeat; }
.wp_index #box_calendar .head_calendar .col-r { height:88px; overflow:hidden; }
.wp_index #box_calendar .head_calendar .col-r .txt { position:relative; padding:0 30px 0 0; overflow:hidden; }
.wp_index #box_calendar .head_calendar .col-r .txt #NoticeText { position:relative; }
.wp_index #box_calendar .head_calendar .col-r .txt .icon-gear { width:15px; position:absolute; top:2px; right:3px; font-size:15px; color:#8a8a8a; }
.wp_index #box_calendar .box_menu { background-color:#274d7b; padding:0 8px 0 20px; color:#fff; overflow:hidden; margin:0 0 3px 0; }
.wp_index #box_calendar .box_menu .topic { font:26px/28px 'db_helvethaica_x_Med'; padding:13px 0; float:left;}
.wp_index #box_calendar .box_menu .box_link { float:right; }
.wp_index #box_calendar .box_menu .box_link div ,.wp_index #box_calendar .box_menu .box_link .icon-pencil ,.wp_index #box_calendar .box_menu .box_link span { height:53px; font-size:22px; float:left; padding:14px 12px; }
.wp_index #box_calendar .box_menu .box_link div ,.wp_index #box_calendar .box_menu .box_link .icon-pencil { cursor:pointer; color:#fff; }
.wp_index #box_calendar .box_menu .box_link div::before ,.wp_index #box_calendar .box_menu .box_link .icon-pencil::before { display:block; margin:2px 0 0 0; }
.wp_index #box_calendar .box_menu .box_link div:hover ,.wp_index #box_calendar .box_menu .box_link .icon-pencil:hover ,.wp_index #box_calendar .box_menu .box_link div.active { background-color:#163153; }
.wp_index #box_calendar .box_result .item .txt_day { background-color:#274d7b; padding:10px 20px; font:22px/20px 'db_helvethaica_x'; color:#fff; }
.wp_index #box_calendar .box_result .item .txt_today { background-color:#3b94ce; }
.wp_index #box_calendar .box_result .item .list { display:block; padding:15px 20px; overflow:hidden; border-bottom:1px solid #eceef0; color:#2c2c2c; font:22px/20px 'db_helvethaica_x'; }
.wp_index #box_calendar .box_result .item .list:last-child { border:none; }
.wp_index #box_calendar .box_result .item .list .col-l { width:70px; margin:0 25px 0 0; float:left; }
.wp_index #box_calendar .box_result .item .list .col-r { width:calc(100% - 95px); float:left; }
.wp_index #box_calendar .box_annoucement .wp_pic { border-top:3px solid #274d7b; position:relative; color:#fff; margin:0 0 23px 0; }
.wp_index #box_calendar .box_annoucement .wp_pic .bg_pic { height:170px; }
.wp_index #box_calendar .box_annoucement .wp_pic .topic { font:38px/37px 'db_helvethaica_x'; text-transform:uppercase; position:absolute; left:20px; bottom:40px; }
.wp_index #box_calendar .box_annoucement .wp_pic .colum { width:100%; overflow:hidden; position:absolute; bottom:18px; left:0; padding:0 16px 0 20px; }
.wp_index #box_calendar .box_annoucement .wp_pic .colum .col-l { float:left; font:24px/22px 'db_helvethaica_x'; }
.wp_index #box_calendar .box_annoucement .wp_pic .colum .col-r { color:#fff; float:right; font:20px/22px 'db_helvethaica_x'; }
.wp_index #box_calendar .box_annoucement .wp_pic .icon-hamburger { position:absolute; right:16px; top:13px; }
.wp_index #box_calendar .box_annoucement .list a { display:block; position:relative; font:22px/22px 'db_helvethaica_x'; color:#2c2c2c; margin:0 0 8px 0; padding:0 0 0 48px; }
.wp_index #box_calendar .box_annoucement .list a::before { content:''; width:5px; height:5px; background-color:#8a8a8a; position:absolute; left:21px; top:8px; }
.wp_index #box_calendar .box_listActivity .box_topic { margin:8px 0 30px 0; }
.wp_index #box_calendar .box_listActivity .box_topic .icon-hamburger { position:absolute; color:#dbdbdb; top:2px; right:0; }
.wp_index #box_calendar .box_listActivity .list .item { width:100%; float:left; margin:0 0 25px 0; position:relative; }
.wp_index #box_calendar .box_listActivity .list .item::before { content:''; position:absolute; width:1px; height:calc(100% - 5px); background-color:#2c2c2c; top:25px; left:14px; }
.wp_index #box_calendar .box_listActivity .list .item:last-child::before { display:none; }
.wp_index #box_calendar .box_listActivity .list .item .icon { font-size:20px; color:#8a8a8a; margin:0 25px 0 4px; float:left; }
.wp_index #box_calendar .box_listActivity .list .item .text { width:calc(100% - 50px); font:22px/22px 'db_helvethaica_x'; color:#2c2c2c; float:left; }
.wp_index #box_calendar .box_listActivity .list .item .text span { font-family:'db_helvethaica_x_Med'; color:#3b94ce; }
.wp_index #box_calendar .box_listActivity .list .item:nth-child(3n+1) .text span { color:#b23023; }
.wp_index #box_calendar .box_listActivity .list .item:nth-child(3n) .text span { color:#274d7b; }
.wp_index #box_calendar .fc-listYear-button { top:0px; right:69px; height:54px !important; width:46px; }
.wp_index #box_calendar .fc-month-button { top:0; right:115px; width:46px; height:54px !important; }
.wp_index #box_birthday { background-color:#042e60; padding:53px 0 0 0; position:relative; }
.wp_index #box_birthday .graphic { width:552px; height:100%; position:absolute; left:0; top:0; background:url(../image/index/birthday_graphic.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }
.wp_index #box_birthday .colum { padding:0; }
.wp_index #box_birthday .birthday_now { position:relative; color:#fff; }
.wp_index #box_birthday .birthday_now .colum_box { overflow:hidden; margin:0 0 14px 0; }
.wp_index #box_birthday .birthday_now .colum_box .date { width:90px; height:90px; padding:8px 5px; color:#274d7b; font:25px/24px 'db_helvethaica_x_Med'; margin:0 23px 0 0; float:left; background-color:#fff; border:6px solid #3b94ce; text-align:center; }
.wp_index #box_birthday .birthday_now .colum_box .date span { display:block; color:#3b94ce; font:65px/37px 'db_helvethaica_x_Med'; }
.wp_index #box_birthday .birthday_now .colum_box .topic { font:70px/40px 'db_helvethaica_x_Med'; text-transform:uppercase; padding:8px 0 0 0; float:left; }
.wp_index #box_birthday .birthday_now .colum_box .topic span { display:block; font:37px/40px 'db_helvethaica_x_Med'; }
.wp_index #box_birthday .birthday_now .text { font:22px/23px 'db_helvethaica_x'; padding:0 10px 0 0; }
.wp_index #box_birthday .birthday_now .icon-hamburger { position:absolute; top:-37px; right:18px; }
.wp_index #box_birthday .birthday_now .wp_slide { padding:12px 85px 12px 50px; position:relative; }
.wp_index #box_birthday .birthday_now .wp_slide .item .box_pic { width:90px; height:90px; float:left; border:2px solid #3b94ce; padding:3px; margin:0 20px 0 0; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r { width:calc(100% - 110px); float:left; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r .name { height:25px; overflow:hidden; font:26px/25px 'db_helvethaica_x_Med'; margin:5px 0 0 0; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r .position { height:20px; overflow:hidden; font:18px/20px 'db_helvethaica_x'; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r .job { margin:0 0 15px 0; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r .wish_btn { max-width:130px; display:block;font:20px/20px 'db_helvethaica_x'; color:#3b94ce; text-align:center; border:1px solid #3b94ce; padding:10px; }
.wp_index #box_birthday .birthday_now .wp_slide .item .col-r .wish_btn:hover { background-color:#3b94ce; color:#fff; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-dots { bottom:-40px; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-dots .owl-dot { background-color:#365880; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-dots.disabled, .wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav.disabled { width:100%; display:block; position:absolute; top:0; bottom:0; margin:auto; height:36px; }
.wp_index #box_birthday .birthday_now .owl-carousel .owl-dot, .wp_index #box_birthday .birthday_now .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { color:transparent; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav .owl-prev:before ,.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav .owl-next:before { content:"\69"; font-family:"mti-intranet" !important; font-size:36px; color:#fff; position:absolute; top:0; bottom:0; margin:auto; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav .owl-next:before { content:"\63"; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav .owl-prev { position:absolute; left:-58px; top:0; }
.wp_index #box_birthday .birthday_now .wp_slide .owl-carousel .owl-nav .owl-next { position:absolute; right:-58px; }
.wp_index #box_birthday .calendar_birthday { position:relative; background-color:#fff; padding:0 20px 0 30px; -webkit-box-shadow:inset 54px 1px 29px -44px rgba(0,0,0,0.46); -moz-box-shadow:inset 54px 1px 29px -44px rgba(0,0,0,0.46); box-shadow:inset 54px 1px 29px -44px rgba(0,0,0,0.46); }
.wp_index #box_birthday .calendar_birthday .box_head { width:100%; height:53px; font:25px/25px 'db_helvethaica_x_Med'; text-transform:uppercase; color:#fff; position:absolute; top:-53px; left:0; background-color:#042e60; padding:16px 77px 16px 30px; }
.wp_index #box_birthday .calendar_birthday .box_head .box_nav { width:67px; height:53px; background-color:#b23023; position:absolute; top:0; right:0; }
.wp_index #box_birthday .calendar_birthday .owl-carousel .owl-dot, .wp_index #box_birthday .calendar_birthday .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { color:transparent; }
.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-dots.disabled, .wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav.disabled { width:100%; height:19px; display:block; position:absolute; top:-53px; }
.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav .owl-prev:before ,.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav .owl-next:before { content:"\69"; font-family:"mti-intranet" !important; font-size:18px; color:#fff; position:absolute; top:0; bottom:0; margin:auto; }
.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav .owl-next:before { content:"\63"; }
.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav .owl-prev { position:absolute; right:9px; top:0; }
.wp_index #box_birthday .calendar_birthday .slide_date .owl-carousel .owl-nav .owl-next { position:absolute; right:-19px; }
.wp_index #box_birthday .calendar_birthday .slide_date { padding:18px 0 14px 0; }
.wp_index #box_birthday .calendar_birthday .slide_date .item { display:block; color:#848484; font:20px/20px 'db_helvethaica_x'; float:left; }
.wp_index #box_birthday .calendar_birthday .slide_date .item .txt_month { height:13px; color:#042e60; margin:0 0 7px 0; font:24px/13px 'db_helvethaica_x_Med'; text-transform:uppercase; }
.wp_index #box_birthday .calendar_birthday .slide_date .item .date { padding:3px 6px; }
.wp_index #box_birthday .calendar_birthday .slide_date .item.active .date { background-color:#042e60; color:#fff; text-align:center; } 
.wp_index #box_birthday .calendar_birthday .slide_date .item:hover .date { color:#042e60; }
.wp_index #box_birthday .calendar_birthday .slide_date .item.active:hover .date { color:#fff; }
.wp_index #box_birthday .calendar_birthday .list_people { height:109px; overflow:hidden; }
.wp_index #box_birthday .calendar_birthday .list_people .row { margin:0 -6.5px; }
.wp_index #box_birthday .calendar_birthday .list_people .box_pic { width:48px; height:48px; margin:0 6.5px 12px 6.5px; float:left; } 
.wp_index #box_news { width:100%; overflow:hidden; background-color:#f0f0f0; padding:0 0 50px 0; margin:53px 0 0 0; }
.wp_index #box_news .box_head { height:130px; margin:0 0 28px 0; position:relative; }
.wp_index #box_news .box_head .topic { background-color:#b23023; color:#fff; font:italic 80px/60px 'db_helvethaica_x_Med'; padding:25px 52px 25px 10px; float:left; margin:0 17px 0 0; text-transform:uppercase; }
.wp_index #box_news .box_head .topic span { display:block; font:italic 30px/20px 'db_helvethaica_x_Med'; }
.wp_index #box_news .box_head .box_red { width:100%; height:100%; position:absolute; top:0; left:-100%; background-color:#b23023; }
.wp_index #box_news .box_menu { width:600px; float:left; padding:27px 0; }
.wp_index #box_news .box_menu a { display:inline-block; color:#848484; padding:0 23px; font:22px/20px 'db_helvethaica_x'; position:relative; }
.wp_index #box_news .box_menu a:hover ,.wp_index #box_news .box_menu a.active { color:#b23023; }
.wp_index #box_news .box_menu a::after { content:''; width:2px; height:13px; background-color:#cdcdcd; position:absolute; right:-2px; bottom:17px; }
.wp_index #box_news .box_menu a:last-child::after { display:none; }
.wp_index #box_news .box_menu a .num { font:italic 50px/40px 'db_helvethaica_x_Med'; color:rgba(190,190,190,0.4); margin:0 0 3px 0; }
.wp_index #box_news .box_menu a:hover .num ,.wp_index #box_news .box_menu a.active .num { color:rgba(178,48,35,0.2); }
.wp_index #box_news .box_menu a .text_menu { border-bottom:2px solid transparent; padding:0 0 13px 0; }
.wp_index #box_news .box_menu a:hover .text_menu ,.wp_index #box_news .box_menu a.active .text_menu { border-bottom:2px solid #b23023; }
.wp_index #box_news .viewall_btn { right:50px; }
.wp_index #box_news .icon-hamburger { color:#dbdbdb; right:0; position:absolute; top:50%; margin-top:-12.5px; }
.wp_index #box_staff { width:100%; overflow:hidden; background-color:#fff; padding:60px 0 50px 0; position:relative; }
.wp_index #box_staff .colum { padding:0; }
.wp_index #box_staff .box_topic { width:100%; height:240px; color:#fff; font:22px/22px 'db_helvethaica_x'; text-transform:uppercase; padding:0 50px; background:url(../image/index/banner_staff.jpg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }
.wp_index #box_staff .box_topic .text { font:25px/22px 'db_helvethaica_x_Med'; }
.wp_index #box_staff .box_topic .topic { font:italic 65px/50px 'db_helvethaica_x_Med'; margin:0 0 5px 0; }
.wp_index #box_staff .box_topic .topic span { color:#3b94ce; }
.wp_index #box_staff .wp_slide { height:240px; background-color:#3b94ce; position:relative; padding:0 40px; }
.wp_index #box_staff .wp_slide .graphic { width:100%; height:100%; background-color:#3b94ce; top:0; right:-100%; position:absolute; }
.wp_index #box_staff .wp_slide .item { height:240px; color:#fff; display:block; text-align:center; padding:0 15px; }
.wp_index #box_staff .wp_slide .item .box_pic { width:80px; height:80px; margin:0 auto 8px auto; }
.wp_index #box_staff .wp_slide .item .name  { height:20px; overflow:hidden; font:22px/20px 'db_helvethaica_x_Med'; }
.wp_index #box_staff .wp_slide .item .position { height:20px; overflow:hidden; font:18px/20px 'db_helvethaica_x'; }
.wp_index #box_staff .wp_slide .item .congrat_btn { display:none; font:15px/20px 'db_helvethaica_x_Med'; color:#3b94ce; padding:9px 5px; margin:10px 0 0 0; border:1px solid #3b94ce; text-align:center; }
.wp_index #box_staff .wp_slide .item .congrat_btn:hover { background-color:#3b94ce; color:#fff; border:1px solid #3b94ce; }
.wp_index #box_staff .wp_slide .item:hover { background-color:#042e60; }
.wp_index #box_staff .wp_slide .item:hover .congrat_btn { display:block; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-dot, .wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { color:transparent; top:-112px; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-nav.disabled { width:100%; height:35px; display:block; position:absolute; top:100%; bottom:0; margin:auto; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-prev:before ,.wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-next:before { content:"\69"; font-family:"mti-intranet" !important; font-size:35px; color:#fff; position:absolute; top:0; bottom:0; margin:auto; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-next:before { content:"\63"; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-prev { position:absolute; left:-32px; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-nav .owl-next { position:absolute; right:-27px; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-dots { position:absolute; width:100%; height:20px;bottom:-33px; left:0; display:block; }
.wp_index #box_staff .wp_slide .owl-carousel .owl-dots .owl-dot { background-color:#cacaca; }
.wp_index #box_activity { margin:0 0 30px 0; }
.wp_index #box_activity .box_topic { font:27px/27px 'db_helvethaica_x_Med'; margin:15px 0 35px 0; padding:0 0 10px 0; }
.wp_index #box_activity .box_list { position:relative; height:305px; overflow:hidden; }
.wp_index #box_activity .box_list .list_news { display:none; width:100%; position:absolute; top:0; left:0; }
.wp_index #box_activity .box_list .list_news:first-child { display:block; }
.wp_index #box_activity .box_list .box_listing { margin:0 0 30px 0; }
.wp_index #box_activity .box_list .box_listing .wp_pic { margin:0 0 20px 0; }
.wp_index #box_activity .box_list .box_listing .wp_pic .bg_pic { height:176px; }
.wp_index #box_activity .box_list .box_listing .date { color:rgba(85,86,90,0.7); font:22px/22px 'db_helvethaica_x_Med'; margin:0 0 5px 0; }
.wp_index #box_activity .box_list .box_listing .caption { height:52px; overflow:hidden; color:#4194ce; font:24px/26px 'db_helvethaica_x'; }
.wp_index #box_activity .tab_menu { margin:5px 0 14px 0; }
.wp_index #box_activity .tab_menu a { display:inline-block; margin:0 30px 0 0; color:rgba(85,86,90,0.7); font:24px/20px 'db_helvethaica_x'; }
.wp_index #box_activity .tab_menu a.active ,.wp_index #box_activity .tab_menu a:hover { color:#4194ce; }
.wp_index #box_activity .tab_menu a .order { color:rgba(175,176,177,0.3); display:block; float:left; margin:-18px 10px 0 0; font:italic 55px/50px 'db_helvethaica_x'; }
.wp_index #box_activity .tab_menu a.active .order ,.wp_index #box_activity .tab_menu a:hover .order { color:rgba(65,148,206,0.3); }
.wp_index #box_activity .box_picture .box_topic { background-color:#274d7b; color:#fff; padding:19px 20px 17px 90px; margin:0; }
.wp_index #box_activity .box_picture .box_topic .line { background-color:#ec3524; left:90px; }
.wp_index #box_activity .box_picture .box_topic .icon-picActivity { width:39px; height:30px; background:url(../image/pictureActivity.png) 0 0 no-repeat; position:absolute; left:26px; top:17px; }
.wp_index #box_activity .box_picture .box_listing .wp_pic { border:10px solid #f0f0f0; }
.wp_index #box_activity .box_picture .box_listing .wp_pic .bg_pic { height:242px; }
.wp_index #box_activity .box_picture .caption { display:block; background-color:#3b94ce; color:#fff; font:22px/24px 'db_helvethaica_x'; padding:24px 28px; }
.wp_index #box_welfare { width:100%; overflow:hidden; margin:0 0 57px 0; }
.wp_index #box_welfare .colum { float:left; }
.wp_index #box_welfare .colum img { width:100%; }
.wp_index #box_welfare .col-l { width:61.713%; }
.wp_index #box_welfare .col-r { width:36.749%; margin:0 0.707%; }
.wp_index #box_Society .col-l { font:22px/26px 'db_helvethaica_x'; }
.wp_index #box_Society .col-l .box_topic { font:40px/40px 'db_helvethaica_x_Med'; padding:0 0 3px 0; margin:0 0 50px 0; }
.wp_index #box_Society .col-l .box_topic span { display:block; color:#61a5d5; font:75px/55px 'db_helvethaica_x_Med'; text-transform:uppercase; }
.wp_index #box_Society .col-l .text { margin:0 0 50px 0; padding:0 80px 0 0; }
.wp_index #box_Society .col-l .text a { color:#55565a; font:24px/26px 'db_helvethaica_x_Med'; }
.wp_index #box_Society .col-r .topic { font:italic 34px/30px 'db_helvethaica_x_Med'; color:#b23023; padding:5px 0 0 35px; margin:0 0 5px 0; position:relative; }
.wp_index #box_Society .col-r .topic .icon-fire { font-size:28px; position:absolute; top:0; left:0; }
.wp_index #box_Society .col-r .box_hot .item { height:119px; display:block; padding:20px 24px 20px 100px; position:relative; margin:0 0 20px 0; border:5px solid #f5f5f5; overflow:hidden; font:22px/26px 'db_helvethaica_x'; color:#55565a; }
.wp_index #box_Society .col-r .box_hot .item:last-child { margin:0; }
.wp_index #box_Society .col-r .box_hot .item:hover { background-color:#f5f5f5; }
.wp_index #box_Society .col-r .box_hot .item { display:block; border:5px solid #f5f5f5; font:22px/22px 'db_helvethaica_x'; color:#55565a; overflow:hidden; margin:0 0 20px 0; padding:20px 18px 25px 116px; position:relative; }
.wp_index #box_Society .col-r .box_hot .item:hover { background-color:#f5f5f5; }
.wp_index #box_Society .col-r .box_hot .item .box_pic { width:67px; height:67px; position:absolute; top:12px; left:20px; }
.wp_index #box_Society .col-r .box_hot .item .box_pic .icon { width:32px; height:32px; position:absolute; top:35px; left:46px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-align:center; padding:5px; background-color:#fff; border:1px solid #3b94ce; font-size:19px; color:#3b94ce; }
.wp_index #box_Society .col-r .box_hot .item .box_text .text { height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 0 2px 0; }
.wp_index #box_Society .col-r .box_hot .item .box_text .author { font:19px/20px 'db_helvethaica_x'; }
/*.wp_index #box_Society .col-r .box_hot .item .box_text .author span { color:#3b94ce; font-family:'db_helvethaica_x_Med'; }*/
.wp_index #box_Society .col-r .box_hot .item .box_text .date { font:17px/18px 'db_helvethaica_x_Med'; margin:2px 0 0 0; }
.wp_index #box_Society .roomchat .topic { margin:44px 0 34px 0; height:4px; background-color:#61a5d6; position:relative; }
.wp_index #box_Society .roomchat .topic span { color:#61a5d6; position:absolute; left:0; top:-34px; display:inline-block; background-color:#fff; font:30px/30px 'db_helvethaica_x_Med'; padding:20px 24px 20px 0; }
.wp_index #box_Society .roomchat .box_menu { overflow:hidden; margin:0 0 58px 0; }
.wp_index #box_Society .roomchat .box_menu a { display:block; font:22px/24px 'db_helvethaica_x'; float:left; width:100%; color:#3b94ce; text-align:center; padding:27px 10px 20px 10px; }
.wp_index #box_Society .roomchat .box_menu a:hover ,.wp_index #box_Society .roomchat .box_menu a.active { background-color:#274d7b; }
.wp_index #box_Society .roomchat .box_menu a .icon { height:42px; margin:0 auto 15px auto; }
.wp_index #box_Society .roomchat .box_menu a .icon-backpack { font-size:43px; }
.wp_index #box_Society .roomchat .box_menu a .icon-open-book { font-size:49px; }
.wp_index #box_Society .roomchat .box_menu a .icon-bicycle { font-size:49px; }
.wp_index #box_Society .roomchat .box_menu a .icon-bicycle { font-size:49px; }
.wp_index #box_Society .roomchat .box_menu a .icon-home { font-size:43px; }
.wp_index #box_Society .roomchat .box_menu a .icon-spoon { font-size:43px; }
.wp_index #box_Society .roomchat .box_menu a .icon-stethoscope { font-size:41px; }
.wp_index #box_Society .roomchat .box_menu a .icon-other { font:45px/30px 'db_helvethaica_x_Med'; padding:0; color:#3b94ce; }
.wp_index #box_Society .roomchat .box_menu a .icon-other::after { color:#3b94ce; }
.wp_index #banner_foot img { width:100%; }

/***news page***/
.wp_news { margin:0 0 60px 0; }
.wp_news .box_content { padding:25px 16px 0 16px; } 
.wp_news .tab_menu { padding:0 28px 50px 28px; }
.wp_news .tab_menu a { display:inline-block; color:rgba(85,86,90,0.7); font:24px/25px 'db_helvethaica_x'; margin:0 37px 0 0; }
.wp_news .tab_menu a:hover ,.wp_news .tab_menu a.active { color:#4194ce; }
.wp_news .tab_menu a .num { color:rgba(175,176,177,0.3); font:italic 58px/50px 'db_helvethaica_x'; display:inline-block; margin:0 10px 0 0; }
.wp_news .tab_menu a:hover .num ,.wp_news .tab_menu a.active .num { color:rgba(65,148,206,0.3); }
.wp_news .box_list .list_news { display:none; }
.wp_news .box_social { overflow:hidden; text-align:center; }
.wp_news .box_social .num_view { font:34px/25px 'db_helvethaica_x_Med'; color:#24436f; float:left; padding:0 14px 0 0; margin:4px 15px 0 0; border-right:1px solid #949597; }
.wp_news .box_social .num_view span { display:block; color:#949597; font:14px/12px 'db_helvethaica_x'; text-transform:uppercase; }
.wp_news .box_social .num_share { font:34px/25px 'db_helvethaica_x_Med'; color:#61a5d5; float:left; margin:4px 22px 0 0; }
.wp_news .box_social .num_share span { display:block; color:#949597; font:14px/12px 'db_helvethaica_x'; text-transform:uppercase; }
.wp_news .box_social .social { float:left; overflow:hidden; }
.wp_news .box_social .social a { width:45px; height:45px; font-size:16px; padding:12px 10px; margin:0 8px 0 0; border:2px solid#61a5d5; color:#4194ce; text-align:center; display:block; float:left; }
.wp_news .box_social .social a:hover { background-color:#4194ce; color:#fff; }
.wp_news .box_detail { margin:40px 0 0 0; }
.wp_news .box_detail img { width:100%; padding: 6px; display:block; margin:auto; }

/***gallery page***/
.wp_gallery { margin:0 0 50px 0; }
.wp_gallery .box_content { padding:17px 17px 0 17px; margin-top: -127px; }
.wp_gallery .box_filter { height:107px; background-color:#274d7b; margin:-17px -17px 20px -17px; padding:35px 50px 22px 50px; }
.wp_gallery .box_filter .row { margin:0 -11px; }
.wp_gallery .box_filter .colum { padding:0 11px; }
.wp_gallery .box_filter .box_input { position:relative; color:#61a5d5; }
.wp_gallery .box_filter .box_input .icon-search { position:absolute; left:0; top:0; left:12px; top:10px; }
.wp_gallery .box_filter .box_input .search_gallery { border:none; border-bottom:1px solid #61a5d5; height:48px; padding:5px 145px 5px 50px; }
.wp_gallery .box_filter .box_input .submit_btn { width:130px; height:47px; position:absolute; right:0; bottom:0; background-color:#61a5d5; color:#fff; text-align:center; font:23px/20px 'db_helvethaica_x_Med'; border:none; }
.wp_gallery .box_filter select { width:100%; height:48px; border:none; border-bottom:1px solid #61a5d5; background-color:transparent; color:#fff; }
.wp_gallery .box_filter select option { background-color:#61a5d5; color:#fff; border:none; padding:10px 22px; display:block; }
.wp_gallery .box_filter select option:hover { background-color:#fff; color:#61a5d5; }
.wp_gallery .box_gallery .row { margin:0 -11px; }
.wp_gallery .box_gallery .colum { width:33.33333333%; padding:0 11px; float:right; }
.wp_gallery .box_gallery .item { margin:0 0 17px 0; position:relative; display:block; }
.wp_gallery .box_gallery .item .bg_pic { height:257px; }
.wp_gallery .box_gallery .item .caption { width:100%; height:auto; overflow:hidden; margin:0; position:absolute; left:0; bottom:0; background-color:rgba(59,148,206,0.8); color:#fff; padding:16px 18px; font:23px/24px 'db_helvethaica_x_Med'; }
.wp_gallery .box_gallery .item .caption span { display:block; max-height:46px; overflow:hidden; }
.wp_gallery .box_gallery .row:nth-child(odd) .colum:first-child { width:66.66666667%; float:left; }
.wp_gallery .box_gallery .row:nth-child(odd) .colum:first-child .bg_pic { height:531px; }
.wp_gallery .box_gallery .row:nth-child(odd) .colum:first-child .caption { padding:25px 20px; font:29px/30px 'db_helvethaica_x_Med'; }
.wp_gallery .box_gallery .row:nth-child(odd) .colum:first-child .caption span { max-height:29px; }
.wp_gallery .box_gallery .row:nth-child(odd) .colum:first-child .icon-vdo { width:100px; height:100px; font-size:100px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum { float:none; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:first-child { width:33.33333333%; float:none; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:first-child .bg_pic { height:257px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:first-child .caption { padding:16px 18px; font:23px/24px 'db_helvethaica_x_Med'; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:first-child .caption span { max-height:46px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:last-child { width:66.66666667%; float:right; margin-top:-547px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:last-child .bg_pic { height:531px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:last-child .caption { padding:25px 20px; font:29px/30px 'db_helvethaica_x_Med'; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:last-child .caption span { max-height:29px; }
.wp_gallery .date { margin:40px 0 10px 0; }
.wp_gallery .box_gallerylist .row { margin:30px -10px 0 -10px; }
.wp_gallery .box_gallerylist .colum { padding:0 10px; }
.wp_gallery .box_gallerylist .item { display:block; margin:0 0 16px 0; }
.wp_gallery .box_gallerylist .item .bg_pic  { height:258px; }

/***media page***/
.wp_media .icon-vdo { width:60px; height:60px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; font-size:60px; color:#fff; }
.wp_media .box_gallery .row:nth-child(odd) .colum:first-child .icon-vdo ,.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:last-child  .icon-vdo { width:100px; height:100px; font-size:100px; }
.wp_gallery .box_gallery .row:nth-child(4n+3) .colum:first-child .icon-vdo { width:60px; height:60px; font-size:60px; }
.wp_media .overlay { width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }

/***csr page***/
.wp_csr .box_content { padding:0; }

/***hr page***/ 
.wp_hr .wp_accordian .col-l { padding:60px 40px; }
.wp_hr .wp_accordian .col-l .item { position:relative; padding:10px 0; margin:0; }
.wp_hr .wp_accordian .col-l .item.active { padding-top:10px; }
.wp_hr .wp_accordian .col-l .item.active::before ,.wp_hr .wp_accordian .col-l .item.active::after { width:100%; height:4px; position:absolute; left:0; display:block; content:''; background-image:url(../image/line_dot.png); }
.wp_hr .wp_accordian .col-l .item.active::before { top:0; }
.wp_hr .wp_accordian .col-l .item.active::after { bottom:0; }
.wp_hr .wp_accordian .col-r { padding:75px 40px 45px 50px; }
.wp_hr .wp_accordian .col-r .box_information { display:none; }
.wp_hr .wp_accordian .col-r .box_colum .item .topic { cursor:auto; }
.wp_hr .box_hr { padding:25px 0 0 0; }
.wp_hr .box_hr .row { margin-bottom:30px; }
.wp_hr .box_hr .left { color:#848484; font-family:'db_helvethaica_x_Med'; }
.wp_hr .box_hr .left .box_pic { width:100px; height:100px; }
.wp_hr .box_hr .right .name_th { font:24px/25px 'db_helvethaica_x_Med'; }
.wp_hr .box_hr .right .name_en { text-transform:uppercase; }
.wp_hr .box_hr .right .box_btn { overflow:hidden; margin:10px 0 0 0; }

/***insurance page***/
.wp_service { margin:0 0 50px 0; }
.wp_service .box_content { padding:32px; }
.wp_service .wp_history .topic { background-color:#eff6fb; padding:32px 223px 32px 47px; margin:0 0 25px 0; }
.wp_service .wp_history .topic h2 { color:#24436f; font:55px/47px 'db_helvethaica_x_Med'; margin:0; }
.wp_service .wp_history .topic h2 span { font:40px/40px 'db_helvethaica_x'; color:#61a5d5; display:block; }
.wp_service .wp_history .date { color:#24436f; font:37px/40px 'db_helvethaica_x_Med'; padding:0 0 0 170px; position:relative; margin:0 0 30px 0; }
.wp_service .wp_history .date .line_dot { width:130px; position:absolute; left:28px; top:0; bottom:0; margin:auto; }
.wp_service .wp_history .box_txt .row { margin:0 -20px; }
.wp_service .wp_history .box_txt .row .colum { padding:0 20px; }
.wp_service .wp_history .box_txt .text { padding:0 0 0 170px; position:relative; }
.wp_service .wp_history .box_txt .text .box { display:block; margin:0 0 30px 0; line-height:24px; }
.wp_service .wp_history .box_txt .text .blue_txt { color:#61a5d5; }
.wp_service .wp_history .box_txt .text .lg_txt { color:#dd4333; font:100px/44px 'db_helvethaica_x'; position:absolute; left:120px; top:1px; }
.wp_service .wp_history .box_pic-history { padding:0 57px 0 0; position:relative; z-index:2; }
.wp_service .wp_history .box_pic-history img { width:100%; margin:-134px 0 0 0; display:block; }
.wp_service .wp_history .txt_descript { padding:0 22px; margin:-10px 0 0 0; position:relative; }
.wp_service .wp_history .txt_descript .box_descript { background-color:#24436f; color:#61a5d5; padding:85px 150px 70px 150px; margin:0 0 39px 0; font:26px/30px 'db_helvethaica_x_Med'; }
.wp_service .wp_history .colum_txt { margin:0 -20px; }
.wp_service .wp_history .colum_txt .line_dot { margin:0 0 25px 0; }
.wp_service .wp_history .colum_txt .col-l { padding:0 190px; }
.wp_service .wp_history .colum_txt .col-r { padding:0 20px; } 
.wp_service .wp_history .colum_txt .col-r .box { margin:103px 0 0 0; }
.wp_service .wp_history .colum_txt .col-r .line_dot { margin:25px 0 0 0; }
.wp_service .wp_vision { padding:14px 0 0 0; }
.wp_service .wp_vision .box_colum { margin:50px 0 0 0; }
.wp_service .wp_vision .col-r { padding-right:80px; }
.wp_service .wp_vision h2 { padding:0 0 0 60px; color:#61a5d5; font:32px/30px 'db_helvethaica_x'; }
.wp_service .wp_vision h2 span { display:block; margin:7px 0 0 0; font:75px/40px 'db_helvethaica_x_Med'; }
.wp_service .wp_vision .qoute { padding:100px 70px; border:2px solid #eff6fb; font:italic 35px/33px 'db_helvethaica_x'; text-align:center; }
.wp_service .wp_vision ul { margin:38px 0; }
.wp_service .wp_vision ul li { list-style-type:none; padding:0 0 0 48px; position:relative; margin:0 0 5px 0; font:italic 24px/26px 'db_helvethaica_x'; }
.wp_service .wp_vision ul li::before { content:""; width:9px; height:9px; position:absolute; top:6px; left:0; background-color:#a5b4c7; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; }
.wp_service .wp_policy { padding:0 15px; }
.wp_service .wp_policy h2 { color:#4194ce; font:55px/47px 'db_helvethaica_x'; margin:13px 0 40px 0; text-align:center; }
.wp_service .wp_policy .topic { margin:0 0 30px 0; }
.wp_service .wp_policy .topic h3 { color:#24436f; font:39px/40px 'db_helvethaica_x_Med'; }
.wp_service .wp_policy .topic .line_dot { margin:12px 0 0 0; position:relative; }
.wp_service .wp_policy .topic .line_dot::after { content:""; width:100%; height:4px; background: url(../image/line_popup.png) 0 0 repeat-x; position:absolute; top:4px; left:0; display:block; }
.wp_service .wp_policy ul li { list-style-type:none; padding:0 0 0 30px; position:relative; margin:0 0 5px 0; }
.wp_service .wp_policy ul li::before { content:""; width:5px; height:5px; position:absolute; left:0; top:8px; background-color:#8a8a8a; }
.wp_service .wp_policy ul li a { color:#2c2c2c; }
.wp_service .wp_policy ul li a:hover { text-decoration:underline; }
.wp_service .wp_policy ul li ul { margin:5px 0; }
.wp_service .wp_policy ul li ul li::before { display:none; }
.wp_service .wp_structure .topic { margin:-32px -32px 36px -32px; padding:29px; text-align:center; background-color:#4194ce; }
.wp_service .wp_structure .topic h2 { font:50px/40px 'db_helvethaica_x_Med'; color:#24436f; margin:30px 0; }
.wp_service .wp_structure .topic h2 span { display:block; color:#fff; font:40px/40px 'db_helvethaica_x'; }
.wp_service .wp_structure .topic .line_dot { margin:0; }
.wp_service .wp_structure .pic_structure { padding:0 68px; text-align:center; }

/***service page***/
.wp_service .wp_serviceMain { margin:-32px -33px 0 -32px; }
.wp_service .wp_serviceMain .box_menu { margin:0 0 30px 0; overflow:hidden; }
.wp_service .wp_serviceMain .box_menu .colum { padding:0; }
.wp_service .wp_serviceMain .box_menu .colum .row-cell::after { content:""; height:50%; border:1px solid #1f4472; position:absolute; top:0; bottom:0; margin:auto; right:-1px; }
.wp_service .wp_serviceMain .box_menu .colum a { height:224px; padding:15px 38px; position:relative; display:block; background-color:#61a5d5; color:#263a58; font:20px/22px 'db_helvethaica_x'; overflow:hidden; }
.wp_service .wp_serviceMain .box_menu .colum a .icon { width:60px; font-size:60px; color:#1f4472; display:block; margin:0 35px 0 0; float:left; }
.wp_service .wp_serviceMain .box_menu .colum a .txt_menu { width:calc(100% - 95px); display:block; float:left; }
.wp_service .wp_serviceMain .box_menu .colum a .txt_menu span { color:#ffffff; font:30px/26px 'db_helvethaica_x'; display:block; margin:0 0 10px 0; }
.wp_service .wp_serviceMain .box_menu .colum a:hover { background-color:#1f4472; color:#fff; }
.wp_service .wp_serviceMain .box_menu .colum a:hover .icon { color:#8fa2b9; }
.wp_service .wp_serviceMain .box_menu .colum a:hover .txt_menu span { color:#61a5d5; }
.wp_service .wp_serviceMain .box_menu .colum:last-child .row-cell::after { border:none; }
.wp_service .wp_serviceMain .box_menu .colum:last-child a { border:none; }
.wp_service .wp_serviceMain .other_service { background-color:#124475; padding:50px 32px 40px 32px; overflow:hidden; }
.wp_service .wp_serviceMain .other_service .topic { color:#fff; font:40px/40px 'db_helvethaica_x_Med'; text-align:center; position:relative; margin:0 0 70px 0; }
.wp_service .wp_serviceMain .other_service .topic span { display:inline-block; padding:0 27px; background-color:#1f4472; position:relative; z-index:2; }
.wp_service .wp_serviceMain .other_service .topic .line_dot { position:absolute; top:-4px; bottom:0; left:0; right:0; margin:auto; }
.wp_service .wp_serviceMain .other_service .topic .line_dot::after { content:""; width:100%; height:4px; background: url(../image/line_popup.png) 0 0 repeat-x; position:absolute; top:4px; left:0; display:block; }
.wp_service .wp_serviceMain .other_service .box_other { text-align:center; }
.wp_service .wp_serviceMain .other_service .box_other .colum { width:calc(25% - 3px); float:none; display:inline-block; }
.wp_service .wp_serviceMain .other_service .box_other a { display:block; color:#fff; font:20px/20px 'db_helvethaica_x'; text-align:center; margin:0 0 35px 0; }
.wp_service .wp_serviceMain .other_service .box_other a .pic_other { width:118px; height:118px; position:relative; margin:0 auto 25px auto; border:1px solid #5d7a9c; overflow:hidden; }
.wp_service .wp_serviceMain .other_service .box_other a .pic_other img { width:100%; position:absolute; top:0; left:0; }
.wp_service .wp_serviceMain .other_service .box_other a .pic_other .pic_hover { display:none; }
.wp_service .wp_serviceMain .other_service .box_other a span { display:block; height:40px; overflow:hidden; }
.wp_service .wp_serviceMain .other_service .box_other a:hover { color:#61a5d5; }
.wp_service .wp_serviceMain .other_service .box_other a:hover .pic_hover { display:block; }
.wp_service .box_service { margin:-32px -32px 0 -32px; overflow:hidden; }
.wp_service .box_service .wp_accordian .col-l .item { position:relative; padding:10px 0; margin:0; }
.wp_service .box_service .wp_accordian .col-l .item.active { padding-top:10px; }
.wp_service .box_service .wp_accordian .col-l .item.active::before ,.wp_service .box_service .wp_accordian .col-l .item.active::after { width:100%; height:4px; position:absolute; left:0; display:block; content:''; background-image:url(../image/line_dot.png); }
.wp_service .box_service .wp_accordian .col-l .item.active::before { top:0; }
.wp_service .box_service .wp_accordian .col-l .item.active::after { bottom:0; }
.wp_service .box_service .wp_accordian .col-l .menu_other { margin:18px 0 0 0; }
.wp_service .box_service .wp_accordian .col-l .menu_other .topic { position:relative; margin:0 0 30px 0; }
.wp_service .box_service .wp_accordian .col-l .menu_other .topic::after { content:""; width:100%; height:2px; background-color:#fff; position:absolute; top:0; bottom:0; left:0; margin:auto; }
.wp_service .box_service .wp_accordian .col-l .menu_other .topic span { display:inline-block; position:relative; z-index:2; color:#fff; font:30px/30px 'db_helvethaica_x'; padding:0 20px 0 0; background-color:#61a5d5; }
.wp_service .box_service .wp_accordian .col-l .menu_other ul li { list-style-type:none; padding:0 0 0 22px; }
.wp_service .box_service .wp_accordian .col-l .menu_other ul li a { color:#365889; font:23px/22px 'db_helvethaica_x'; display:block; margin:0 0 12px 0; position:relative; }
.wp_service .box_service .wp_accordian .col-l .menu_other ul li a::after { content:""; width:18px; height:2px; background-color:#fff; position:absolute; top:10px; left:0; display:none; }
.wp_service .box_service .wp_accordian .col-l .menu_other ul li a:hover { color:#fff; padding:0 0 0 32px; }
.wp_service .box_service .wp_accordian .col-l .menu_other ul li a:hover::after { display:block; }
.wp_service .box_service .wp_accordian .col-r { padding:75px 40px 45px 50px; }
.wp_service .box_service .wp_accordian .col-r .box_information { display:none; }
.wp_service .box_service .wp_accordian .col-r .box_information .item { margin:0; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic { position:relative; margin:0 0 20px 0; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head { overflow:hidden; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .icon { float:left; margin:0 25px 0 0; color:#1f4472; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .icon-document { font-size:67px; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .icon-bill { font-size:70px; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .icon-presentation { font-size:67px; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .columHead { float:left; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .box_head .columHead h2 { color:#61a5d5; text-transform:none; }
.wp_service .box_service .wp_accordian .col-r .box_information .topic .line_dot { margin:25px 0 0 0; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment { margin:32px 0 0 0; text-align:center; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment .colum_payment a { display:block; color:#2c2c2c; font:20px/20px 'db_helvethaica_x'; text-align:center; margin:0 0 35px 0; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment .colum_payment a .pic_payment { width:120px; height:120px; position:relative; margin:0 auto 8px auto; border:1px solid #3b94ce; overflow:hidden; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment .colum_payment a .pic_payment img { width:100%; position:absolute; top:0; left:0; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment .colum_payment a .pic_payment .pic_hover { display:none; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_payment .colum_payment a:hover .pic_hover { display:block; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_powerpoint { text-align:center; padding:0 20px; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_powerpoint a { margin:0 0 35px 0; display:block; color:#2c2c2c; font:20px/20px 'db_helvethaica_x'; text-align:center; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_powerpoint .pic_payment { margin:0 0 15px 0; }
.wp_service .box_service .wp_accordian .col-r .box_information .wp_powerpoint .pic_payment img { width:100%; }

/***priviledge page***/
.wp_priviledge .box_maintopic { text-align:center; }
.wp_priviledge .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_priviledge .box_content { padding:30px 27px 50px 27px; }
.wp_priviledge .box_content .row { margin:0 -15px; }
.wp_priviledge .box_content .colum { padding:0 10px; }
.wp_priviledge .box_head .topic { height:58px; text-align:center; }
.wp_priviledge .box_head .topic span { display:inline-block; margin:0 0 0 20px; color:#61a5d5; font:24px/22px 'db_helvethaica_x'; }
.wp_priviledge .box_head .line_dot { margin:15px 0 0 0; position:relative; }
.wp_priviledge .box_head .line_dot::after { content:""; width:100%; height:4px; background: url(../image/line_popup.png) 0 0 repeat-x; position:absolute; top:4px; left:0; display:block; }
.wp_priviledge .box_listLoad { margin:30px 0; padding:0 25px; }
.wp_priviledge .box_listLoad ul li {  list-style-type:none; padding:0 0 0 35px; position:relative; }
.wp_priviledge .box_listLoad ul li::before { content:''; width:5px; height:5px; position:absolute; left:3px; top:7px; background-color:#8a8a8a; }
.wp_priviledge .box_listLoad ul li a { color:#2c2c2c; display:block; margin:0 0 5px 0; }
.wp_priviledge .box_listLoad ul li a:hover { color:#3b94ce; }

/***phonebook page***/
.wp_phonebook { padding:0 0 65px 0; }
.wp_phonebook .txt_center { text-align:center; }
.wp_phonebook .bold_txt { font-family:'db_helvethaica_x_Med'; }
.wp_phonebook .banner_phonebook { height:220px; padding:45px 0 28px 0; background-color:#f0f0f0; margin:112px 0 0 0; }
.wp_phonebook .banner_phonebook .box_maintopic h1 { color:#274d7b; }
.wp_phonebook .banner_phonebook .menu_phonebook { position:absolute; top:214px; left:-568px; }
.wp_phonebook .banner_phonebook .menu_phonebook span { display:inline-block; color:#274d7b; font:italic 24px/22px 'db_helvethaica_x_Med'; margin:0; }
.wp_phonebook .banner_phonebook .menu_phonebook ul { display:inline-block; }
.wp_phonebook .banner_phonebook .menu_phonebook ul li { display:inline-block; }
.wp_phonebook .banner_phonebook .menu_phonebook ul li a { font:24px/22px 'db_helvethaica_x_Med'; color:#61a5d5; padding:0 18px; border-right:1px solid #3b94ce; }
.wp_phonebook .banner_phonebook .menu_phonebook ul li a:hover ,.wp_phonebook .banner_phonebook .menu_phonebook ul li a.active { color:#b23023; text-decoration:underline; }
.wp_phonebook .banner_phonebook .menu_phonebook ul li:last-child a { padding-right:0; margin:0; border:none; }
.wp_phonebook .box_breadcrumb { top:-74px; color:#3b94ce; margin:21px 0 36px 0; }
.wp_phonebook .box_breadcrumb a { color:#2c2c2c; border-right:1px solid #2c2c2c; }
.wp_phonebook .box_content { margin-top:0; }
.wp_phonebook .box_input { position:relative; margin:0 0 20px 0; }
.wp_phonebook .box_input .icon-search { position:absolute; color:#61a5d5; font-size:20px; left:13px; top:9px; }
.wp_phonebook .box_input input { height:47px; border-bottom:1px solid #61a5d5; padding:5px 150px 5px 50px; }
.wp_phonebook .box_input button { width:130px; height:47px; background-color:#61a5d5; color:#fff; border:none; position:absolute; right:0; top:0; }
.wp_phonebook .menu_searchfilter { overflow:hidden; margin:0 0 10px 0; }
.wp_phonebook .menu_searchfilter .filter { float:left; margin:6px 0 0 0; }
.wp_phonebook .menu_searchfilter .filter span { display:inline-block; margin:0 10px 0 0; color:#274d7b; text-transform:uppercase; font:20px/20px 'db_helvethaica_x_Med'; }
.wp_phonebook .menu_searchfilter .filter .box_filter { display:inline-block; position:relative; }
.wp_phonebook .menu_searchfilter .filter .box_filter select { border:none; margin:6px 0 0 0; cursor:pointer; }
.wp_phonebook .menu_searchfilter .box_checkbox { margin:0 0 0 10px; padding:0; cursor:pointer; position:relative; }
.wp_phonebook .menu_searchfilter .box_checkbox .box_color { width:20px; height:20px; text-align:center; display:inline-block; background:#61a5d5; margin:0 7px 0 0; position: relative; top: 4px; }
.wp_phonebook .menu_searchfilter .box_checkbox input {width:100%;height:100%;cursor:pointer;opacity:0;top:0;right:0;position:absolute;z-index: 2;}
.wp_phonebook .menu_searchfilter .box_checkbox input:checked ~ .box_color:after { position:absolute; top:-1px; left:3px; font-family:"mti-intranet"; content:"\37"; font-size:15px; color:#fff; }
.wp_phonebook .menu_searchfilter .box_checkbox span { display:inline-block; }
.wp_phonebook .menu_search .menuright { float:right; }
.wp_phonebook .menu_search .menuright .page { float:left; color:#848484; overflow:hidden; }
.wp_phonebook .menu_search .menuright .page .numpage { float:left; font:20px/22px 'db_helvethaica_x'; display:inline-block; margin:7px 18px 0 0; }
.wp_phonebook .menu_search .menuright .page .numpage span { font-style:italic; }
.wp_phonebook .menu_search .menuright .page .box_btn { width:74px; height:37px; float:left; margin:0; color:#b7b7b7; border:2px solid #b7b7b7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.wp_phonebook .menu_search .menuright .page .box_btn a { width:35px; height:100%; position:relative; float:left; color:#b7b7b7; font-size:17px; border-right:1px solid #b7b7b7; }
.wp_phonebook .menu_search .menuright .page .box_btn a.nextPage_btn { border:none; border-left:1px solid #b7b7b7; }
.wp_phonebook .menu_search .menuright .page .box_btn a span { position:absolute; width:12px; height:19px; top:8px; left:5px; }
.wp_phonebook .menu_search .menuright .page .box_btn a.nextPage_btn span { left:10px; }
.wp_phonebook .menu_search .menuright .page .box_btn a:hover { color:#fff; background-color:#b7b7b7; }
.wp_phonebook .menu_search .menuright .page .colum_btn { margin:0 0 0 5px; }
.wp_phonebook .box_result { margin:25px 0 0 0; padding:0 85px; }
.wp_phonebook .box_result .table_phonebook { width:100%; margin:0 0 16px 0; }
.wp_phonebook .box_result .table_phonebook tr td { padding:7px 18px; word-break:break-all; vertical-align:top; color:#2c2c2c; font:22px/22px 'db_helvethaica_x'; background-color:#f9f9f9; }
.wp_phonebook .box_result .table_phonebook tr td.box_first { text-align:center; }
.wp_phonebook .box_result .table_phonebook tr td.topic_table { font:22px/22px 'db_helvethaica_x_Med'; text-align:right; }
.wp_phonebook .box_result .table_phonebook tr:first-child td { padding-top:48px; }
.wp_phonebook .box_result .table_phonebook tr:first-child td:first-child { width:25%; padding-bottom:39px; }
.wp_phonebook .box_result .table_phonebook tr:first-child td:last-child { width:50%; }
.wp_phonebook .box_result .table_phonebook tr:last-child td { padding-bottom:39px; }
.wp_phonebook .box_result .table_phonebook .box_pic { width:115px; height:115px; display:block; margin:0 auto 10px auto; border:3px solid #fff; }
.wp_phonebook .box_result .table_phonebook .status { width:auto; height:auto; border-radius:0; background-color:transparent; color:#848484; margin:0 0 10px 0; }
.wp_phonebook .box_result .table_phonebook .status span { display:inline-block; }
.wp_phonebook .box_result .table_phonebook .status .color_status { width:10px; height:10px; margin:0 0 0 8px; border-radius:50%; background-color:#dddddd; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.wp_phonebook .box_result .table_phonebook .status.online .color_status { background-color:#66b531; }
.wp_phonebook .box_result .table_phonebook .box_socialcontact { margin:0 0 12px 0; }
.wp_phonebook .box_result .table_phonebook .box_socialcontact a { display:inline-block; float:none; }
.wp_phonebook .box_result .table_phonebook .identity_num { font:22px/22px 'db_helvethaica_x_Med'; color:#848484; }
.wp_phonebook .box_result .table_phonebook .identity_num span { display:block; font:22px/22px 'db_helvethaica_x_Med'; color:#2c2c2c; }
.wp_phonebook .box_result .table_phonebook .viewdescript_btn { font:italic 22px/22px 'db_helvethaica_x'; color:#61a5d5; }
.wp_phonebook .box_result .table_phonebook .viewdescript_btn:hover { text-decoration:underline; opacity:0.7; }
.wp_phonebook .box_result .table_phonebook .red_txt { color:#b23023; }
.wp_phonebook .box_result .table_phonebook:nth-child(even) tr td { background-color:#e7eff5; }
.wp_phonebook h2 { color:#2c2c2c; font:32px/32px 'db_helvethaica_x'; padding:0 0 0 30px; border-left:10px solid #3b94ce; margin:0 0 30px 0; }
.wp_phonebook .box_structure { padding:0 80px; }
.wp_phonebook .box_structure .list_structure { position:relative; }
.wp_phonebook .box_structure .list_structure::before { content:''; width:1px; height:calc(100% - 20px); background-color:#61a5d5; position:absolute; top:13px; left:-2px; }
.wp_phonebook .box_structure .list_structure .list { margin:0 0 15px 0; position:relative; }
.wp_phonebook .box_structure .list_structure .list::before { content:''; position:absolute; top:6px; left:-6px; width:10px; height:10px; background-color:#61a5d5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.wp_phonebook .box_structure .list_structure .list .position { cursor:pointer; padding:0 0 0 24px; font:21px/17px 'db_helvethaica_x'; }
.wp_phonebook .box_structure .list_structure .list .position:hover { color:#61a5d5; }
.wp_phonebook .box_structure .list_structure .list .box_table { padding:0 40px; margin:25px 0; display:none; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook { width:100%; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr th { vertical-align:top; color:#848484; font:21px/22px 'db_helvethaica_x'; border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:12px; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr th:first-child { width:31%; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr th:nth-child(3) { width:25%; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr th:nth-child(4) { width:20%; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr th .topic:first-child { padding:0 15px 0 0; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr td { padding:12px; vertical-align:top; word-wrap:break-word; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook tr:nth-child(odd) td { background-color:#f5f5f5; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook .box_pic { width:48px; height:48px; float:left; display:block; margin:0 12px 0 0; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook .name { width:calc(100% - 60px); display:block; float:left; margin:5px 0 0 0; color:#2c2c2c; font:21px/17px 'db_helvethaica_x'; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook .name div { margin:5px 0 0 0; }
.wp_phonebook .box_structure .list_structure .list .box_table .table_phonebook .status { margin:17px 0 0 0; }
.wp_phonebook .box_structure .list_structure .list:last-child .box_table::before { content:''; position:absolute; width:1px; height:auto; background-color:#fff; left:-2px; top:16px; z-index:2; }
.wp_phonebook .box_structure .list_structure .list.active .position { color:#61a5d5; font:28px/26px 'db_helvethaica_x_Med'; }
.wp_phonebook .box_structure .list_structure .list .place_topic { padding:0 0 0 30px; cursor:pointer; }
.wp_phonebook .box_structure .list_structure .list .place_topic:hover { color:#61a5d5; }
.wp_phonebook .box_structure .list_structure .list .box_floor { padding:10px 0 0 58px; position:relative; display:none; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor { position:relative; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor .box_table { padding:0; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor .floor_topic { padding:0 0 10px 0; cursor:pointer; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor .floor_topic:hover { color:#61a5d5; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor .floor_topic::before { content:''; position:absolute; height:1px; width:41px; background-color:#61a5d5; left:-60px; top:10px; }
.wp_phonebook .box_structure .list_structure .list .box_floor .list_floor .floor_topic::after { content:''; position:absolute; top:6px; left:-22px; width:10px; height:10px; background-color:#61a5d5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.wp_phonebook .box_structure .list_structure .list .box_zone { padding:0 0 0 40px; position:relative; display:none; } 
.wp_phonebook .box_structure .list_structure .list .box_zone::after { content:''; position:absolute; width:1px; height:100%; background-color:#61a5d5; left:-18px; top:-22px; }
.wp_phonebook .box_structure .list_structure .list .box_zone .zone_topic { padding:0 0 10px 0; cursor:pointer; }
.wp_phonebook .box_structure .list_structure .list .box_zone .zone_topic:hover { color:#61a5d5; }
.wp_phonebook .box_structure .list_structure .list .box_zone .zone_topic::before { content:''; position:absolute; height:1px; width:41px; background-color:#61a5d5; left:-58px; top:10px; }
.wp_phonebook .box_structure .list_structure .list .box_zone .zone_topic::after { content:''; position:absolute; top:6px; left:-20px; width:10px; height:10px; background-color:#61a5d5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.wp_phonebook .box_structure .list_structure .list .box_zone .list_zone { position:relative; }
.wp_phonebook .box_structure .list_structure .list .box_zone .list_zone .box_table { padding:0; position:relative; }
.wp_phonebook .box_structure .list_structure .list .box_zone .list_zone:last-child .box_table::before { content:''; position:absolute; width:1px; height:calc(100% + 26px); background-color:#fff; left:-58px; top:-46px; z-index:2; }
.wp_phonebook .box_structure .list_structure .list .box_scope { margin:20px 0 30px 0; }
.wp_phonebook .box_structure .list_structure .list .box_scope h3 { color:#2c2c2c; font:22px/20px 'db_helvethaica_x_Med'; margin:0 0 10px 0; }

.wp_phonebook .box_structure .list_structure .list .box_person { padding:0 0 0 40px; position:relative; display:none; } 
.wp_phonebook .box_structure .list_structure .list .box_person::after { content:''; position:absolute; width:1px; height:100%; background-color:#61a5d5; left:-16px; top:-22px; }
.wp_phonebook .box_structure .list_structure .list .box_person .person_topic { padding:0 0 10px 0; cursor:pointer; }
.wp_phonebook .box_structure .list_structure .list .box_person .person_topic:hover { color:#61a5d5; }
.wp_phonebook .box_structure .list_structure .list .box_person .person_topic::before { content:''; position:absolute; height:1px; width:41px; background-color:#61a5d5; left:-56px; top:10px; }
.wp_phonebook .box_structure .list_structure .list .box_person .person_topic::after { content:''; position:absolute; top:6px; left:-19px; width:10px; height:10px; background-color:#61a5d5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.wp_phonebook .box_structure .list_structure .list .box_person .list_person { position:relative; }
.wp_phonebook .box_structure .list_structure .list .box_person .list_person .box_table { padding:0; position:relative; }
.wp_phonebook .box_structure .list_structure .list .box_person .list_person:last-child .box_table::before { content:''; position:absolute; width:1px; height:calc(100% + 26px); background-color:#fff; left:-58px; top:-46px; z-index:2; }

/***i-service page***/
.wp_i-service { margin:0 0 65px 0; }
.wp_i-service .box_maintopic { text-align:center; }
.wp_i-service .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_i-service .box_content { background-color:#fff; padding:65px 60px 30px 60px; overflow:visible; }
.wp_i-service .box_content > .row { margin:0 -30px; }
.wp_i-service .box_content .colum { padding:0 30px; }
.wp_i-service .item { display:block; text-align:center; color:#fff; margin:0 0 15px 0; font:20px/22px 'db_helvethaica_x'; }
.wp_i-service .item .pic_service { width:120px; height:120px; border:1px solid #5d7a9c; margin:0 auto 20px auto; position:relative; }
.wp_i-service .item .pic_service img { position:absolute; top:0; left:0; margin:auto; width:100%; }
.wp_i-service .item .pic_service .pic_hover { display:none; }
.wp_i-service .item span { display:block; height:45px; overflow:hidden; }
.wp_i-service .item:hover { color:#3b94ce; }
.wp_i-service .item:hover .pic_service { background-color:#3b94ce; }
.wp_i-service .wp_leave { width:650px; height:362px; margin:0 auto; padding:40px 20px 56px 20px; position:relative; }
.wp_i-service .wp_leave .line_hori { width:100%; height:9px; background:url(../image/i-service/border_hori.jpg) 0 0 repeat-x; position:absolute; top:0; left:0; }
.wp_i-service .wp_leave .line_bottom { top:auto; bottom:0; }
.wp_i-service .wp_leave .line { width:9px; height:100%; background:url(../image/i-service/border_vert.jpg) 0 0 repeat-y; position:absolute; top:0; left:0; }
.wp_i-service .wp_leave .line_right { left:auto; right:0; } 
.wp_i-service .wp_leave .box_icon { width:104px; height:104px; margin:0 auto 35px auto; background:url(../image/i-service/iservice_icon.jpg) 0 0 no-repeat; }
.wp_i-service .wp_leave .txt_leave { font:italic 35px/30px 'db_helvethaica_x_Med'; color:#274d7b; text-align:center; margin:0 0 32px 0; }
.wp_i-service .wp_leave a { width:288px; height:64px; display:block; margin:0 auto; font:italic 25px/22px 'db_helvethaica_x_Med'; text-align:center; color:#fff; background-color:#24436f; padding:24px 10px; }

/***society page***/
.wp_society { margin:0 0 58px 0; }
.wp_society .box_maintopic { text-align:center; }
.wp_society .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_society .box_content { padding:50px 26px 0 54px; }
.wp_society .item_list { display:block; border:5px solid #f5f5f5; font:22px/22px 'db_helvethaica_x'; color:#55565a; overflow:hidden; margin:0 0 20px 0; padding:20px 18px 20px 116px; position:relative; }
.wp_society .item_list:hover { background-color:#f5f5f5; }
.wp_society .item_list .box_pic { width:67px; height:67px; position:absolute; top:12px; left:20px; }
.wp_society .item_list .box_pic .icon { width:32px; height:32px; position:absolute; top:35px; left:46px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-align:center; padding:5px; background-color:#fff; border:1px solid #3b94ce; font-size:19px; color:#3b94ce; }
.wp_society .item_list .box_text .text { height:22px; overflow:hidden; margin:0 0 5px 0; text-overflow:ellipsis; white-space:nowrap; }
.wp_society .item_list .box_text .author { font:19px/20px 'db_helvethaica_x'; }
.wp_society .item_list .box_text .date { font:17px/18px 'db_helvethaica_x_Med'; margin:2px 0 0 0; }
.wp_society .topic { color:#b23023; font:italic 34px/30px 'db_helvethaica_x_Med'; position:relative; padding:0 0 0 34px; margin:0 0 20px 0; }
.wp_society .topic .icon-fire { font-size:26px; position:absolute; left:0; top:-4px; }
.wp_society .topic .rule_btn { font:22px/20px 'db_helvethaica_x'; color:#55565a; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #55565a; display:inline-block; }
.wp_society .topic .rule_btn:hover { text-decoration:underline; }
.wp_society .box_banner img { width:100%; margin:0 0 30px 0; }
.wp_society .box_lasted .topic { color:#274d7b; padding:0 0 0 45px; }
.wp_society .box_lasted .topic .icon-lasted { font-size:30px; position:absolute; left:0; top:-4px; }
.wp_society .box_lasted .topic .rule_btn { color:#61a5d5; font:20px/20px 'db_helvethaica_x'; }
.wp_society .box_lasted .item_list { border:none; border-bottom:1px solid #dadada; margin:0; }
.wp_society .box_club { margin:-20px 0 13px 0; }
.wp_society .box_club .topic { background-color:#274d7b; text-align:center; color:#fff; font:italic 26px/28px 'db_helvethaica_x_Med'; padding:20px 15px; margin:0; }
.wp_society .box_club .box_listClub { padding:20px 0 12px 0; background-color:#61a5d5; }
.wp_society .box_club .box_listClub .box_myclub { margin:0 0 10px 0; padding:0 0 10px 0; position:relative; }
.wp_society .box_club .box_listClub .box_myclub::after { content:''; width:calc(100% - 28px); height:1px; background-color:#fff; margin:auto; bottom:0; left:0; right:0; position:absolute; }
.wp_society .box_club .box_listClub .list_club { padding:15px 29px 15px 86px; color:#fff; position:relative; display:block; }
.wp_society .box_club .box_listClub .list_club:hover { background-color:#274d7b; }
.wp_society .box_club .box_listClub .list_club .text { font-family:'db_helvethaica_x_Med'; padding-right:25px; }
.wp_society .box_club .box_listClub .list_club span { position:absolute; left:37px; top:10px; font-size:27px; }
.wp_society .box_club .box_listClub .createClub_btn { width:calc(100% - 28px); display:block; padding:15px; text-align:center; background-color:#274d7b; color:#fff; margin:12px auto 0 auto; font:22px/20px 'db_helvethaica_x_Med'; }
.wp_society .box_club .box_listClub .createClub_btn:hover { background-color:#b0d2ea; color:#274d7b; }
.wp_society .box_history .topic { background-color:#b0d2ea; padding:21px 25px 17px 25px; margin:0; color:#274d7b; font:24px/22px 'db_helvethaica_x_Med'; position:relative; }
.wp_society .box_history .box_listHistory .list_history { display:block; padding:20px 25px; color:#55565a; background-color:#cfe3f2; }
.wp_society .box_history .box_listHistory .list_history:nth-child(even) { background-color:#b0d2ea; }
/*.wp_society .box_history .box_listHistory .list_history .author span { color:#3b94ce; font-family:'db_helvethaica_x_Med'; }*/
.wp_society .box_history .box_listHistory .list_history .date { font:17px/18px 'db_helvethaica_x_Med'; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety { position:relative; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .list_club { cursor:pointer; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .list_club .icon { position:absolute; right:25px; top:20px; font-size:15px; } 
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .sub_typeSociety { padding:0 25px 0 55px; display:none; background-color:#568cb5; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .sub_typeSociety ul { padding:10px 0; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .sub_typeSociety ul li { color:#fff; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .sub_typeSociety a { display:block; color:#fff; font:19px/20px 'db_helvethaica_x'; padding:3px 0; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety .sub_typeSociety a:hover { font-style:italic; }
.wp_society .box_club .box_listClub .box_otherclub .box_typeSociety.active .list_club .icon:before { content: "\4b"; }

.wp_society-list .box_lasted .topic { height:42px; padding:10px 0 0 65px; overflow:hidden; }
.wp_society-list .box_lasted .topic .icon { width:42px; height:42px; display:block; left:0; top:0; padding:3px; font-size:29px; text-align:center; border:2px solid #274d7b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; position:absolute; }
.wp_society-list .box_lasted .topic a { height:42px; display:block; margin:-10px 0 0 0; position:relative; float:right; color:#ffffff; font:italic 22px/20px 'db_helvethaica_x_Med'; padding:12px 26px 12px 60px; background-color:#dd4333; }
.wp_society-list .box_lasted .topic a:hover { background-color:#61a5d5; }
.wp_society-list .box_lasted .topic a span { font-size:20px; position:absolute; left:23px; top:10px; }
.wp_society-list .box_lasted .topic a .icon-join { width:25px; height:18px; display:block; background:url(../image/icon-join.png) 0 0 no-repeat; }
.wp_society-list .box_lasted .topic .box_btn { float:right; margin:-10px 0 0 0; display:block; }
.wp_society-list .box_lasted .topic .box_btn a { float:left; margin:0 0 0 14px; background-color:#61a5d5; padding:12px 26px 12px 49px; }
.wp_society-list .box_lasted .topic .box_btn a span { left:20px; }
.wp_society-list .box_lasted .topic .box_btn a .icon-newtopic { width:18px; height:18px; display:block; background:url(../image/icon-newtopic.png) 0 0 no-repeat; }
.wp_society-list .box_lasted .topic .box_btn .leavePost_btn { background-color:#fff; border:1px solid #61a5d5; color:#61a5d5; }
.wp_society-list .box_lasted .topic .box_btn .leavePost_btn span { left:15px; }
.wp_society-list .box_lasted .topic_join.join .join_btn { display:none; }
.wp_society-list .box_lasted .topic_join.join .box_btn { display:block; }

.wp_society-newpost { margin:-50px -26px 0 -54px; background-color:#f5f5f5; padding:50px 115px 30px 115px; }
.wp_society-newpost .topic { color:#274d7b; padding:12px 0 0 65px; }
.wp_society-newpost .topic .icon { width:42px; height:42px; display:block; left:0; top:0; padding:3px; font-size:29px; text-align:center; border:2px solid #274d7b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; position:absolute; }
.wp_society-newpost .box_head { height:75px; background-color:#274d7b; color:#fff; padding:22px 10px 22px 90px; margin:0 0 27px 0; position:relative; font:italic 32px/30px 'db_helvethaica_x_Med'; }
.wp_society-newpost .box_head .icon-newtopic { width:42px; height:42px; display:block; text-align:center; border:2px solid #fff; background:url(../image/icon-newtopic-lg.png) 7px 5px no-repeat; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; position:absolute; left:27px; top:16px; }
.wp_society-newpost .box_input { margin:0 0 20px 0; }
.wp_society-newpost .box_input .input_post { height:60px; border:1px solid #d3d3d3; background-color:#fff; padding:20px 25px; font:30px/25px 'db_helvethaica_x'; }
.wp_society-newpost .box_input .input_post::-webkit-input-placeholder { font:italic 30px/25px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-newpost .box_input .input_post::-moz-placeholder { font:italic 30px/25px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-newpost .box_input .input_post:-ms-input-placeholder { font:italic 30px/25px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-newpost .box_input .input_post:-moz-placeholder { font:italic 30px/25px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-newpost .box_input input[type=file] { position:relative; opacity:1; border:0; background:none; height:auto; padding:0; font-size:17px; }
.wp_society-newpost .box_editor { margin:0 0 15px 0; }
.wp_society-newpost .box_editor textarea { height:200px; background-color:#fff; padding:30px; border:1px solid #d3d3d3; }
.wp_society-newpost .detail { font:italic 20px/20px 'db_helvethaica_x_Med'; color:#ffffff; margin:20px 0; background-color:#dd4333; border:1px solid #d3d3d3; padding:5px 25px; }
.wp_society-newpost .wp_btn { overflow:hidden; }
.wp_society-newpost .wp_btn button { width:115px; height:50px; float:right; background-color:#274d7b; color:#fff; font:italic 21px/20px 'db_helvethaica_x_Med'; text-align:center; border:none; margin:0 0 0 17px; }
.wp_society-newpost .wp_btn .cancel_btn { background-color:#fff; border:1px solid #274d7b; color:#274d7b; }

.wp_society-detail .topic { padding:4px 67px 0 67px; position:relative; margin:0 0 25px 0; }
.wp_society-detail .topic .icon { width:42px; height:42px; display:block; left:0; top:-6px; padding:3px; font-size:29px; text-align:center; color:#274d7b; border:2px solid #274d7b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; position:absolute; }
.wp_society-detail .topic h2 { color:#274d7b; font:28px/25px 'db_helvethaica_x_Med'; margin:0 0 5px 0; }
.wp_society-detail .topic .author { font:21px/20px 'db_helvethaica_x'; color:#55565a; }
/*.wp_society-detail .topic .author span { color:#3b94ce; font-family:'db_helvethaica_x_Med'; }*/
.wp_society-detail .box_tag { padding:0 0 0 67px; overflow:hidden; margin:0 0 30px 0; }
.wp_society-detail .box_tag .list_tag { font:20px/22px 'db_helvethaica_x_Med'; color:#274d7b; border:1px solid #274d7b; padding:9px 15px 7px 15px; float:left; margin:0 7px 5px 0; }
.wp_society-detail .text_detail { padding:0 67px; font:22px/24px 'db_helvethaica_x'; }
.wp_society-detail .wp_comment { padding:0 67px; margin:55px 0 0 0; }
.wp_society-detail .wp_comment textarea { height:236px; background-color:#fff; border:1px solid #d3d3d3; padding:25px 30px 63px 30px; font:22px/22px 'db_helvethaica_x'; }
.wp_society-detail .wp_comment textarea::-webkit-input-placeholder { font:italic 22px/22px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-detail .wp_comment textarea::-moz-placeholder { font:italic 22px/22px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-detail .wp_comment textarea:-ms-input-placeholder { font:italic 22px/22px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-detail .wp_comment textarea:-moz-placeholder { font:italic 22px/22px 'db_helvethaica_x'; color:#bcbcbc; }
.wp_society-detail .wp_comment input[type=file] { width:calc(100% - 170px); right:auto; opacity:1; top:auto; height:29px; font-size:17px; bottom:27px; left:15px; }
.wp_society-detail .wp_comment .submit_btn { width:115px; height:50px; border:none; background-color:#274d7b; color:#fff; font-family:'db_helvethaica_x_Med'; font-style:italic; position:absolute; bottom:18px; right:14px; }
.wp_society-detail .wp_comment .submit_btn:hover { background-color:#3b94ce; }
.wp_society-detail .wp_comment .icon-replydown { position:absolute; top:0; left:45px; color:#b4b8bc; opacity:0; }
.wp_society-detail .wp_comment .box_input { position:relative; }
.wp_society-detail .wp_comment .box_post { margin:54px 0 0 0; }
.wp_society-detail .wp_comment .box_post .box_head { background-color:#3b94ce; color:#fff; font:italic 23px/20px 'db_helvethaica_x_Med'; padding:15px 27px; }
.wp_society-detail .wp_comment .box_comment { margin:60px 0 0 0; }
.wp_society-detail .wp_comment .box_comment .list_ment { margin:0 0 10px 0; }
.wp_society-detail .wp_comment .box_comment .list_ment:last-child { margin:0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main { background-color:#ebf4fa; overflow:hidden; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-l { width:150px; text-align:center; padding:30px 15px; float:left; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-l .box_pic { width:66px; height:66px; margin:0 auto 4px auto; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-l .name { color:#3b94ce; font-family:'db_helvethaica_x_Med'; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r { width:calc(100% - 153px); float:left; padding:40px 25px 30px 33px; color:#55565a; border-left:3px solid #fff; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .txt_post { font:22px/22px 'db_helvethaica_x'; margin:0 0 5px 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .time { font:italic 16px/18px 'db_helvethaica_x'; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn { overflow:hidden; margin:55px 0 0 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .delete_btn ,.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .deletePost_btn { display:block; float:left; padding:0 0 0 30px; position:relative; color:#3b94ce; margin:8px 0 0 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .delete_btn span ,.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .deletePost_btn span { position:absolute; left:0; top:-1px; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .reply_btn { float:right; width:34px; height:34px; border:2px solid #60a8d7; color:#60a8d7; padding:5px 6px; font-size:18px; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .reply_btn:hover ,.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .reply_btn.active { background-color:#274d7b; color:#fff; border:2px solid #274d7b; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .showReply_btn { float:right; color:#3b94ce; font-family:'db_helvethaica_x_Med'; margin:5px 13px 0 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .showReply_btn:hover ,.wp_society-detail .wp_comment .box_comment .list_ment .box_main .col-r .box_btn .showReply_btn.active { font-style:italic; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_reply { padding:0 0 0 80px; position:relative; display:none; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_reply .box_post { margin:12px 0 0 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_reply .box_post textarea { height:144px; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply { padding:0 0 0 80px; position:relative; margin:12px 0 0 0; display:none; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list { margin:0 0 12px 0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list:last-child { margin:0; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main { background-color:#faebeb; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main .col-l .name ,.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main .col-r .box_btn .showReply_btn { color:#969799; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main .col-r .box_btn .reply_btn { display:none; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main .col-r .txt_post { color:#ce3b3b; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_listMain.list_delete .box_main .col-r .box_btn .deletePost_btn { color:#ce3b3b; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list_reply .list_delete .box_main { background-color:#faebeb; }

.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list_reply .list_delete .box_main .col-l .name ,.wp_society-detail .wp_comment .box_mentReply .list_reply .list_delete .box_main .col-r .box_btn .showReply_btn { color:#969799; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list_reply .list_delete .box_main .col-r .box_btn .reply_btn { display:none; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list_reply .list_delete .box_main .col-r .txt_post { color:#ce3b3b; }
.wp_society-detail .wp_comment .box_comment .list_ment .box_mentReply .list_reply .list_delete .box_main .col-r .box_btn .deletePost_btn { color:#ce3b3b; }

/***profile page***/
.wp_profile .banner_profile { position:relative; }
.wp_profile .banner_profile img { position:absolute; }
.wp_profile .box_topic { margin:40px 0 0 0; text-align:left; }
.wp_profile .box_topic .topic { color:#274d7b; font:34px/32px 'db_helvethaica_x_Med'; padding:0 0 5px 0; }
.wp_profile .box_topic .line { width:80px; height:3px; background-color:#b23023; }
.wp_profile .box_maintopic { color:#fff; text-align:center; margin:140px 0 0 0; }
.wp_profile .box_maintopic .box_pic { width:150px; height:150px; border:2px solid #3b94ce; padding:5px; position:relative; margin:0 auto 35px auto; }
.wp_profile .box_maintopic .box_pic .icon-camera { width:46px; height:33px; background:url(../image/profile/upload_bg.png) 0 0 no-repeat; position:absolute; padding:6px; bottom:-8px; left:0; right:0; margin:auto; color:#fff; text-align:center; }
.wp_profile .box_maintopic .txt_nameth { font:38px/35px 'db_helvethaica_x'; margin:0 0 8px 0; }
.wp_profile .box_maintopic .txt_nameen { font:21px/22px 'db_helvethaica_x'; text-transform:uppercase; }
.wp_profile .box_maintopic .box_caption { position:relative; }
.wp_profile .box_maintopic .box_caption .txt_caption { max-width:500px; width:100%; position:relative; margin:15px 0 0 0; display:inline-block; }
.wp_profile .box_maintopic .box_caption .txt_caption .wp_txtcaption { position:relative; display:inline-block; }
.wp_profile .box_maintopic .box_caption .txt_caption .wp_txtedit { position:relative; display:block; width:100%; }
.wp_profile .box_maintopic .box_caption .txt_caption span { padding:0 37px 0 0; color:#61a5d5; font:italic 21px/22px 'db_helvethaica_x'; display:block; }
.wp_profile .box_maintopic .box_caption .txt_caption .icon-edit ,.wp_profile .box_maintopic .box_caption .txt_caption .icon-save { position:absolute; right:0; top:0; cursor:pointer; z-index:2; }
.wp_profile .box_maintopic .box_caption .txt_caption .icon-save { display:none; right:8px; color:#fff !important; top:auto; bottom:0; }
.wp_profile .box_maintopic .box_caption .input_edit { height:30px; position:absolute; width:100%; left:0; right:0; margin:auto; bottom:-3px; opacity:0; padding-right:35px; }
.wp_profile .box_maintopic .box_chooseBg { position:absolute; right:0; top:-40px; }
.wp_profile .box_maintopic .box_chooseBg .topic { color:rgba(255,255,255,0.5); font:18px/20px 'db_helvethaica_x'; text-align:left; text-transform:uppercase; margin:0 0 10px 0; }
.wp_profile .box_maintopic .box_chooseBg .list_bg { overflow:hidden; float:right; }
.wp_profile .box_maintopic .box_chooseBg .list_bg .box_pic { width:44px; height:44px; border-radius:0; border:none; padding:0; margin:0 10px 0 0; display:block; float:left; }
.wp_profile .box_maintopic .box_chooseBg .list_bg .box_pic:last-child { margin:0; }
.wp_profile .box_maintopic .box_chooseBg .list_bg .box_pic:hover ,.wp_profile .box_maintopic .box_chooseBg .list_bg .box_pic.active { border:2px solid #3b94ce; }
.wp_profile .box_maintopic .box_chooseBg .list_bg .box_pic .pic { border-radius:0; }
.wp_profile .box_content { margin-top:0; }
.wp_profile .box_topic h1 { color:#274d7b; font:34px/32px 'db_helvethaica_x_Med'; padding:0 0 7px 0; }
.wp_profile .txt_viewonly { color:#3b94ce; margin:10px 0 0 0; font-style:italic; font-size:18px; }
.wp_profile .box_detailProfile { margin:0 0 70px 0; }
.wp_profile .box_detailProfile .table_profile { width:100%; margin:20px 0 0 0; }
.wp_profile .box_detailProfile .table_profile tr { vertical-align:top; }
.wp_profile .box_detailProfile .table_profile tr th { width:34%; color:#848484; font:22px/25px 'db_helvethaica_x_Med'; padding:5px 0; }
.wp_profile .box_detailProfile .table_profile tr td { padding:5px 0; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox { position:relative; padding:0 0 0 25px; margin:5px 0 0 0; color:rgba(85,86,90,0.7); }
.wp_profile .box_detailProfile .table_profile tr td .checkbox label { padding:0; margin:0; font-weight:normal; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox input { width:15px; height:15px; position:absolute; top:2px; left:0; opacity:0; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox span { font:17px/18px 'db_helvethaica_x'; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox .icon-check { width:15px; height:15px; color:transparent; border:1px solid rgba(85,86,90,0.7); position:absolute; top:3px; left:0; font-size:10px; padding:2px; text-align:center; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox .icon-check:before { position:absolute; display:block; left:0; top:1px; right:0; margin:auto; }
.wp_profile .box_detailProfile .table_profile tr td .checkbox input:checked ~ .icon-check { color:#274d7b; }
.wp_profile .box_detailProfile .wp_socialDetail { padding:0 20px; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail { background-color:#fafafa; padding:35px 30px 35px 52px; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list { position:relative; padding:0 25px 10px 10px; margin:0 0 15px 0; border-bottom:1px solid #3b94ce; color:#2c2c2c; font:22px/20px 'db_helvethaica_x'; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .icon { height:auto; padding:0; position:absolute; width:23px; left:-34px; top:0; color:#3b94ce; border:none; font-size:20px; text-align:center; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .icon:hover { background:none; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .txt_list { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:20px; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .icon-edit { left:auto; right:0; font-size:18px; top:2px; cursor:pointer; display:none; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .box_edit { width:100%; position:absolute; top:-8px; left:0; z-index:2; display:none; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .box_edit .input_editsocial { padding:0 30px 0 10px; border:none; height:35px; }
.wp_profile .box_detailProfile .wp_socialDetail .box_socialDetail .list .box_edit .icon-save { left:auto; right:0; top:10px; cursor:pointer; }
.wp_profile .box_detailProfile .box_badges { text-align:center; margin-top:-82px; padding:42px 0 27px 42px; -webkit-box-shadow:inset 43px 1px 70px -44px rgba(0,0,0,0.46); -moz-box-shadow:inset 43px 1px 70px -44px rgba(0,0,0,0.46); box-shadow:inset 43px 1px 70px -44px rgba(0,0,0,0.46); }
.wp_profile .box_detailProfile .box_badges .box_topic { margin:0 0 30px 0; }
.wp_profile .box_detailProfile .box_badges .txt_point { font:italic 75px/50px 'db_helvethaica_x_Med'; color:#274d7b; margin:0 0 15px 0; }
.wp_profile .box_detailProfile .box_badges .txt_point span { display:inline-block; color:#2c2c2c; font:22px/30px 'db_helvethaica_x'; }
.wp_profile .box_detailProfile .box_badges .box_menuPoint { margin:0 0 30px 0; }
.wp_profile .box_detailProfile .box_badges .box_menuPoint a { display:inline-block; color:#2c2c2c; font:22px/25px 'db_helvethaica_x'; padding:0 17px; border-right:1px solid #2c2c2c; }
.wp_profile .box_detailProfile .box_badges .box_menuPoint a::after { content:''; display:block; width:100%; height:1px; background-color:#ababab; }
.wp_profile .box_detailProfile .box_badges .box_menuPoint a:last-child { border-right:none; }
.wp_profile .box_detailProfile .box_badges .box_iconBadges { height:120px; overflow:hidden; }
.wp_profile .box_detailProfile .box_badges .box_iconBadges .item { width:50px; height:50px; float:left; margin:0 25px 10px 0; }
.wp_profile .box_detailProfile .box_badges .box_iconBadges .jspDrag { background:#274d7b; }
.wp_profile .box_activityProfile { margin:0 0 70px 0; }
.wp_profile .box_activityProfile #box_calendar { background:#fff; position:relative; overflow:hidden; }
.wp_profile .box_activityProfile #box_calendar .colum-white { background-color:#fff; }
.wp_profile .box_activityProfile #box_calendar .head_calendar { margin-bottom:15px; font:22px/20px 'db_helvethaica_x'; color:#363737; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-l { padding-right:75px; position:relative; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-l .box_head .num { float:left; letter-spacing:-3px; padding:13px 16px 13px 11px; margin:0 20px 0 0; background-color:#274d7b; color:#fff; font:85px/60px 'db_helvethaica_x_Med'; text-align:center; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-l .box_head .box_month { text-transform:uppercase; float:left; color:#2c2c2c; font:32px/30px 'db_helvethaica_x_Med'; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-l .box_head .box_month .day { color:#3b94ce; font:22px/20px 'db_helvethaica_x_Med'; margin:20px 0 0 0; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-l .notice { width:75px; height:30px; z-index:2; color:#fff; font:20px/20px 'db_helvethaica_x_Med'; padding:5px 13px; position:absolute; right:15px; top:0; bottom:0; margin:auto; background:url(../image/index/notice.png) 0 0 no-repeat; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-r { height:88px; overflow:hidden; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-r .txt { position:relative; padding:0 30px 0 0; }
.wp_profile .box_activityProfile #box_calendar .head_calendar .col-r .txt .icon-gear { width:15px; position:absolute; top:2px; right:3px; font-size:15px; color:#8a8a8a; }
.wp_profile .box_activityProfile #box_calendar .box_menu { background-color:#274d7b; padding:0 0 0 20px; color:#fff; overflow:hidden; margin:0 0 3px 0; }
.wp_profile .box_activityProfile #box_calendar .box_menu .topic { font:26px/28px 'db_helvethaica_x_Med'; padding:13px 0; float:left;}
.wp_profile .box_activityProfile #box_calendar .box_menu .box_link { float:right; }
.wp_profile .box_activityProfile #box_calendar .box_menu .box_link div ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link .icon-pencil ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link span { height:53px; font-size:22px; float:left; padding:14px 12px; }
.wp_profile .box_activityProfile #box_calendar .box_menu .box_link div ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link .icon-pencil { cursor:pointer; color:#fff; }
.wp_profile .box_activityProfile #box_calendar .box_menu .box_link div::before ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link .icon-pencil::before { display:block; margin:2px 0 0 0; }
.wp_profile .box_activityProfile #box_calendar .box_menu .box_link div:hover ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link .icon-pencil:hover ,.wp_profile .box_activityProfile #box_calendar .box_menu .box_link div.active { background-color:#163153; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .txt_day { background-color:#274d7b; padding:10px 20px; font:22px/20px 'db_helvethaica_x'; color:#fff; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .txt_today { background-color:#3b94ce; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .list { display:block; padding:15px 20px; overflow:hidden; border-bottom:1px solid #eceef0; color:#2c2c2c; font:22px/20px 'db_helvethaica_x'; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .list:last-child { border:none; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .list .col-l { width:70px; margin:0 25px 0 0; float:left; }
.wp_profile .box_activityProfile #box_calendar .box_result .item .list .col-r { width:calc(100% - 95px); float:left; }
.wp_profile .box_activityProfile #box_calendar .fc-month-button { padding:0; right:91px; height:54px; top:0; }
.wp_profile .box_activityProfile #box_calendar .fc-listYear-button { right:45px; padding:0 14px !important; height:54px; top:0; } 
.wp_profile .box_activityProfile .box_listActivity { padding:0 40px; }
.wp_profile .box_activityProfile .box_listActivity .box_topic { margin:8px 0 30px 0; }
.wp_profile .box_activityProfile .box_listActivity .box_topic .icon-hamburger { position:absolute; color:#dbdbdb; top:2px; right:0; }
.wp_profile .box_activityProfile .box_listActivity .list .item { width:100%; float:left; margin:0 0 25px 0; position:relative; }
.wp_profile .box_activityProfile .box_listActivity .list .item::before { content:''; position:absolute; width:1px; height:calc(100% - 5px); background-color:#2c2c2c; top:25px; left:14px; }
.wp_profile .box_activityProfile .box_listActivity .list .item:last-child::before { display:none; }
.wp_profile .box_activityProfile .box_listActivity .list .item .icon { font-size:20px; color:#8a8a8a; margin:0 25px 0 4px; float:left; }
.wp_profile .box_activityProfile .box_listActivity .list .item .text { width:calc(100% - 50px); font:22px/22px 'db_helvethaica_x'; color:#2c2c2c; float:left; }
.wp_profile .box_activityProfile .box_listActivity .list .item .text span { font-family:'db_helvethaica_x_Med'; color:#3b94ce; }
.wp_profile .box_activityProfile .box_listActivity .list .item:nth-child(3n+1) .text span { color:#b23023; }
.wp_profile .box_activityProfile .box_listActivity .list .item:nth-child(3n) .text span { color:#274d7b; }
.wp_profile .box_societyProfile { margin:0 0 65px 0; }
.wp_profile .box_societyProfile .box_head { margin:0 0 20px 0; }
.wp_profile .box_societyProfile .box_topic { font:35px/40px 'db_helvethaica_x_Med'; color:#274d7b; margin:0; }
.wp_profile .box_societyProfile .box_topic span { display:block; color:#61a5d5; font:75px/55px 'db_helvethaica_x_Med'; text-transform:uppercase; }
.wp_profile .box_societyProfile .roomchat { overflow:hidden; }
.wp_profile .box_societyProfile .roomchat a { display:block; font:20px/20px 'db_helvethaica_x'; float:left; width:105px; color:#3b94ce; text-align:center; padding:10px; }
.wp_profile .box_societyProfile .roomchat a:hover ,.wp_profile .box_societyProfile .roomchat a.active { background-color:#274d7b; }
.wp_profile .box_societyProfile .roomchat a .icon { height:42px; margin:0 auto 15px auto; font-size:43px; top:11px; }
.wp_profile .box_societyProfile .roomchat a .icon-backpack { font-size:43px; }
.wp_profile .box_societyProfile .roomchat a .icon-open-book { font-size:49px; }
.wp_profile .box_societyProfile .roomchat a .icon-bicycle { font-size:49px; }
.wp_profile .box_societyProfile .roomchat a .icon-bicycle { font-size:49px; }
.wp_profile .box_societyProfile .roomchat a .icon-home { font-size:43px; }
.wp_profile .box_societyProfile .roomchat a .icon-spoon { font-size:43px; }
.wp_profile .box_societyProfile .roomchat a .icon-stethoscope { font-size:41px; }
.wp_profile .box_societyProfile .roomchat a .icon-other { font:45px/30px 'db_helvethaica_x_Med'; padding:6px 0; color:#3b94ce; }
.wp_profile .box_societyProfile .roomchat a .icon-other::after { color:#3b94ce; }
.wp_profile .box_societyProfile .roomchat a span { display:block; }
.wp_profile .box_societyProfile .box_article .topic { height:35px; font:italic 34px/30px 'db_helvethaica_x_Med'; color:#b23023; padding:5px 0 0 35px; margin:0 0 20px 0; position:relative; }
.wp_profile .box_societyProfile .box_article .icon-fire { font-size:28px; position:absolute; top:0; left:0; }
.wp_profile .box_societyProfile .box_article .box_hot .item { height:109px; display:block; padding:20px 24px 20px 100px; position:relative; margin:0 0 20px 0; border:5px solid #f5f5f5; overflow:hidden; font:22px/26px 'db_helvethaica_x'; color:#55565a; }
.wp_profile .box_societyProfile .box_article .box_hot .item:last-child { margin:0; }
.wp_profile .box_societyProfile .box_article .box_hot .item:hover { background-color:#f5f5f5; }
.wp_profile .box_societyProfile .box_article .box_hot .item { display:block; border:5px solid #f5f5f5; font:22px/22px 'db_helvethaica_x'; color:#55565a; overflow:hidden; margin:0 0 20px 0; padding:20px 18px 20px 116px; position:relative; }
.wp_profile .box_societyProfile .box_article .box_hot .item:hover { background-color:#f5f5f5; }
.wp_profile .box_societyProfile .box_article .box_hot .item .box_pic { width:67px; height:67px; position:absolute; top:12px; left:20px; }
.wp_profile .box_societyProfile .box_article .box_hot .item .box_pic .icon { width:32px; height:32px; position:absolute; top:35px; left:46px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-align:center; padding:5px; background-color:#fff; border:1px solid #3b94ce; font-size:19px; color:#3b94ce; }
.wp_profile .box_societyProfile .box_article .box_hot .item .box_text .text { height:22px; overflow:hidden; margin:0 0 2px 0; }
.wp_profile .box_societyProfile .box_article .box_hot .item .box_text .author { font:19px/20px 'db_helvethaica_x'; }
/*.wp_profile .box_societyProfile .box_article .box_hot .item .box_text .author span { color:#3b94ce; font-family:'db_helvethaica_x_Med'; }*/
.wp_profile .box_societyProfile .box_article .box_hot .item .box_text .date { font:17px/18px 'db_helvethaica_x_Med'; }
.wp_profile .box_societyProfile .box_article .box_lasted .topic { color:#274d7b; padding:0 0 0 45px; }
.wp_profile .box_societyProfile .box_article .box_lasted .topic .icon-lasted { font-size:30px; position:absolute; left:0; top:-2px; }
.wp_profile .box_societyProfile .box_article .box_lasted .topic .viewAll_btn { float:right; display:block; margin:7px 0 0 0; font:italic 20px/20px 'db_helvethaica_x'; color:#a1a1a1; }
.wp_profile .box_societyProfile .box_article .box_lasted .topic .viewAll_btn:hover { text-decoration:underline; }
.wp_profile .box_societyProfile .box_article .box_lasted .item { border:none; border-bottom:1px solid #dadada; }
.wp_profile .box_societyProfile .box_article .box_lasted .item:last-child { border:none; }
.wp_profile .box_reminders .box_topic .edit_btn { margin:5px 0 0 0; }

/***meeting page***/
.wp_meeting { margin:0 0 65px 0; }
.wp_meeting .box_content { padding:55px 45px 0 45px; }
.wp_meeting .box_head { height:48px; position:relative; text-align:center; margin:0 0 44px 0; }
.wp_meeting .box_head .box_month { color:#61a5d5; font:33px/30px 'db_helvethaica_x_Med'; padding:10px 58px; text-transform:uppercase; display:inline-block; position:relative; }
.wp_meeting .box_head .box_month a { color:#61a5d5; position:absolute; font-size:18px; top:15px; }
.wp_meeting .box_head .box_month .prevMeet_btn { left:-15px; }
.wp_meeting .box_head .box_month .nxtMeet_btn { right:-15px; }
.wp_meeting .box_head .chooseRoom { position:absolute; left:0; cursor:pointer; padding:5px 15px; bottom:0; width:210px; height:45px; border:none; border-bottom:1px solid #61a5d5; color:rgba(91,99,118,0.6); font:22px/20px 'db_helvethaica_x'; }
.wp_meeting .box_head .chooseRoom option { background-color:#61a5d5; color:#fff; }
.wp_meeting .box_head .addEvent_btn { display:block; position:absolute; text-transform:uppercase; top:0; right:0; height:48px; background-color:#61a5d5; color:#fff; text-align:center; font:22px/20px 'db_helvethaica_x_Med'; padding:13px 37px; }
.wp_meeting .box_head .addEvent_btn:hover { background-color:#24436f; }
.wp_meeting .table_meeting { width:100%; border-left:1px solid #f0f0f1; border-right:1px solid #f0f0f1; }
.wp_meeting .table_meeting tr { vertical-align:top; }
.wp_meeting .table_meeting tr th { width:14.285%; border-right:1px solid #ffffff; text-align:center; background-color:#24436f; color:#fff; font-weight:normal; padding:13px 5px; text-transform:uppercase; }
.wp_meeting .table_meeting tr th:last-child { border:none; }
.wp_meeting .table_meeting tr td { border-right:1px solid #f0f0f1; border-bottom:1px solid #f0f0f1; }
.wp_meeting .table_meeting tr td :last-child { border-right:none; }
.wp_meeting .table_meeting .numdate { padding:10px 13px; font:42px/35px 'db_helvethaica_x'; color:#979797; margin:0 0 10px 0; }
.wp_meeting .table_meeting .list_event { min-height:88px; }
.wp_meeting .table_meeting .list_event .item { display:block; margin:0 0 20px 0; padding:10px 12px; border-left:4px solid; font:20px/18px 'db_helvethaica_x'; }
.wp_meeting .table_meeting .list_event .item .txt_time { color:#2c2c2c; }
.wp_meeting .table_meeting .today { background-color:#eff6fb; }
.wp_meeting .table_meeting .today .numdate { color:#24436f; }
.wp_meeting .table_meeting .prevMonth .numdate ,.wp_meeting .table_meeting .nextMonth .numdate { color:rgba(151,151,151,0.4); }

/***newsfeed page***/
.wp_newsfeed .box_content { padding: 17px 17px 0 17px; margin-top: -127px; }
.wp_newsfeed .box_filter { margin: -17px -17px 20px -17px; padding:0px; }
.wp_newsfeed .box_filter .box_section_search {min-height:107px; background-color: #274d7b; padding: 35px 50px 22px 50px; }
.wp_newsfeed .box_filter .box_section_select {background-color: #067AB0; padding: 38px 50px 17px 50px; }
.wp_newsfeed .boxListMedia { padding-bottom:20px; }
.wp_newsfeed .boxListMedia:after { display:block; content:''; clear:both; height:0px; overflow:hidden;}
.wp_newsfeed .boxListMedia .oneList { display:block; position:relative; float:left; width:calc(20% - 20px); margin:0px 10px 20px 10px; overflow:hidden; }
.wp_newsfeed .boxListMedia .oneList .wp_pic { position:relative; }
.wp_newsfeed .boxListMedia .oneList .wp_pic .bg_pic { height:165px; }
.wp_newsfeed .boxListMedia .oneList .wp_pic .caption { width:100%; height:auto; position:absolute; left:0; bottom:0; padding:0 15px; }
.wp_newsfeed .boxListMedia .oneList .wp_pic .caption .type { font:21px/22px 'db_helvethaica_x'; text-align:center; padding:5px 15px; margin:0 0 12px 0; color:#fff; background-color:#4194ce; display:inline-block; }
.wp_newsfeed .boxListMedia .oneList .text { height:42px; overflow:hidden; margin:14px 0 0 0; display:block; font:21px/20px 'db_helvethaica_x'; color:#2c2c2c; }
.wp_newsfeed .pagination .prev_page, .wp_newsfeed .pagination .next_page { display:none; }

/***search page***/
.wp_search .box_maintopic { text-align:center; }
.wp_search .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_search .box_content { padding:50px 56px 33px 56px; margin-top:-179px; }
.wp_search .box_topic { overflow:hidden; }
.wp_search .box_topic h2 { color:#274d7b; font:44px/42px 'db_helvethaica_x_Med'; margin:0; float:left; }
.wp_search .box_topic .txt_head { float:right; color:#848484; margin:15px 0 0 0; }
.wp_search .box_topic .txt_head span { font-family:'db_helvethaica_x_Med'; }
.wp_search .txt_result { color:#2c2c2c; font:22px/22px 'db_helvethaica_x_Med'; }
.wp_search .txt_result .txt_blue { color:#3b94ce; }
.wp_search .txt_result .txt_red { color:#dd4333 !important; }
.wp_search .line_dot { margin:30px 0 17px 0; }
.wp_search .box_select { background-color:#067AB0; padding:30px 50px 17px 50px; margin:0 0 30px 0; }
.wp_search .box_list .colum { padding:0; }
.wp_search .box_list .colum .item { display:block; padding:30px; margin:0; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.wp_search .box_list .colum .item .col-l { float:left; margin:0 20px 0 0; }
.wp_search .box_list .colum .item .col-l .wp_pic { border:1px solid #cecece; }
.wp_search .box_list .colum .item .col-l .wp_pic .bg_pic { width:150px; height:150px; }
.wp_search .box_list .colum .item .col-r { float:left; width:calc(100% - 172px); }
.wp_search .box_list .colum .item .col-r .txt { color:#4194ce; font:24px/26px 'db_helvethaica_x_Med'; margin:10px 0 30px 0; height:80px; overflow:hidden; }
.wp_search .box_list .colum .item .col-r .box_type { overflow:hidden; color:#ababab; font:italic 20px/22px 'db_helvethaica_x_Med'; }
.wp_search .box_list .colum .item .col-r .box_type .txt_cat { float:left; }
.wp_search .box_list .colum .item .col-r .box_type .txt_type { float:right; }
.wp_search .box_list .colum:nth-child(even) .item { border-right:none; }
.wp_search .pagination { border-top:1px solid #fff; margin:-1px 0 0 0; padding:20px 0; }

/***library page***/
.wp_library .box_maintopic { text-align:center; }
.wp_library .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_library .box_content { padding:60px 18px 70px 18px; }
.wp_library .box_head { padding:0 40px; margin:0 0 40px 0; }
.wp_library .box_head h2 { color:#274d7b; font:italic 24px/22px 'db_helvethaica_x_Med'; float:left; margin:0; }
.wp_library .box_head h2 span { color:#274d7b; font:italic 60px/50px 'db_helvethaica_x_Med'; display:block; text-transform:uppercase; }
.wp_library .box_head h2 .line { width:80px; height:3px; background-color:#b23023; }
.wp_library .box_head .selectStyle1 { float:right; width:305px; margin:10px 0 0 0; }
.wp_library .box_head .selectStyle1:before ,.wp_library .box_head .selectStyle1:after { background:#61a5d5; }
.wp_library .box_head .selectStyle1 select { border-bottom:1px solid #61a5d5; color:rgba(91,99,118,0.5); font-size:22px; }
.wp_library .box_head .selectStyle1 select option { background-color:#61a5d5 !important; color:#fff; display:block; padding:10px 0; border-bottom:1px solid #fff; } 
.wp_library .box_list .wp_pic .type { position:absolute; padding:5px 15px; color:#fff; left:0; top:20px; font:22px/22px 'db_helvethaica_x_Med'; }
.wp_library .box_topic { background-color:#274d7b; padding:38px 53px 0 53px; margin:0 0 40px 0; position:relative; overflow:hidden; }
.wp_library .box_topic h2 { font:italic 24px/22px 'db_helvethaica_x_Med'; color:#fff; margin:0; }
.wp_library .box_topic h2 span { color:#61a5d5; font:italic 50px/45px 'db_helvethaica_x_Med'; display:block; text-transform:uppercase; }
.wp_library .box_topic .line { width:80px; height:3px; background-color:#b23023; margin:26px 0 0 0; }
.wp_library .box_topic .icon-open-book-lg { position:absolute; color:#4e6d93; font-size:125px; top:0; right:-23px; }
.wp_library .box_detail { padding:0 55px; }
.wp_library .box_detail h3 { font:30px/28px 'db_helvethaica_x'; color:#61a5d5; margin:0 0 30px 0; }
.wp_library .box_detail ul { margin:-5px 0 0 0; }
.wp_library .box_detail ul li { list-style-type:none; padding:0 0 0 32px; position:relative; margin:0 0 5px 0; }
.wp_library .box_detail ul li::before { content:''; position:absolute; left:0; top:7px; width:5px; height:5px; background-color:#8a8a8a; }
.wp_library .box_detail ul li a { color:#2c2c2c; line-height:26px; }
.wp_library .box_detail .item_system { width:86px; float:left; display:block; color:#2c2c2c; margin:0 20px 0 0; text-align:center; }
.wp_library .box_detail .item_system:last-child { margin:0; }
.wp_library .box_detail .item_system .pic { width:86px; height:86px; border:1px solid #5d7a9c; margin:0 0 13px 0; }
.wp_library .box_detail .item_system .pic img { width:100%; }
.wp_library .box_handbook { margin:0 0 50px 0; }
.wp_library .box_bao { line-height:26px; }
.wp_library .box_bao h2 { font:italic 40px/40px 'db_helvethaica_x_Med'; }
.wp_library .box_bao p { margin:0 0 30px 0; }
.wp_library .box_bao img { width:100%; }
.wp_library .box_bao .item_bao .box_item { min-height:238px; padding:0 0 40px 0; border-bottom:1px solid #61a5d5; margin:0 0 30px 0; }
.wp_library .box_bao .item_bao h3 { color:#274d7b; font:24px/22px 'db_helvethaica_x_Med'; margin:0 0 20px 0; }
.wp_library .box_bao .item_bao .box_text { margin:30px 0 0 0; padding:0 90px 0 0; }
.wp_library .box_bao .box_last .box_item { border:none; padding:0; margin:0; }
.wp_library .box_date { position:relative; }
.wp_library .box_date input { opacity:0; position:absolute; }
.wp_library .box_date .date { padding:0 120px 0 0; }
.wp_library .box_date .copy_btn { height:26px; position:absolute; right:0; top:-4px; padding:3px 0 0 35px; background:url(../image/library/copy_icon.jpg) 0 0 no-repeat; font:22px/20px 'db_helvethaica_x_Med'; color:#274d7b; }
.wp_library .box_date .tooltip_box { width:150px; position:absolute; right:0; top:-50px; display:none; }
.wp_library-detail .box_maintopic { text-align:center; }
.wp_library-detail .box_maintopic .line { left:0; right:0; margin:auto; }
.wp_library-detail .box_content { padding:60px 16px 0 16px; }

/***login page***/
.wp_login { overflow:hidden; }
.wp_login .col-l { width:50%; float:left; line-height:0; background-color:#005ea3; position:relative; overflow:hidden; }
.wp_login .col-l img { width:100%; display:block; margin:auto; position:absolute; bottom:0; left:0; }
.wp_login .col-r { width:50%; padding:110px 124px 106px 124px; float:left; background:url(../image/login/bg.jpg) 0 0 no-repeat; background-color:#141f39; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; }
.wp_login .col-r .topic { padding:0 0 0 150px; position:relative; margin:0 0 34px 0; }
.wp_login .col-r .topic .pic_login { position:absolute; left:47px; top:0; }
.wp_login .col-r .topic .txt_topic { color:#fff; font:27px/28px 'db_helvethaica_x_Med'; }
.wp_login .col-r .topic h1 { color:#61a5d5; text-transform:uppercase; font:58px/50px 'db_helvethaica_x_Med'; display:block; }
.wp_login .col-r .topic .line { width:89px; height:2px; background-color:#b23023; }
.wp_login .col-r .box_formlogin { border:8px solid #d6efff; background-color:#fff; padding:30px 43px 45px 43px; }
.wp_login .col-r .box_formlogin .box_input { margin:0 0 20px 0; padding:33px 0 0 0; position:relative; }
.wp_login .col-r .box_formlogin .box_input label { color:#afafaf; font:20px/20px 'db_helvethaica_x_Med'; position:absolute; top:20px; left:0; }
.wp_login .col-r .box_formlogin .box_input input { height:33px; border-bottom:1px solid #dadada; }
.wp_login .col-r .box_formlogin .box_input #pass_login { padding-right:35px; }
.wp_login .col-r .box_formlogin .box_input .showpass_btn { width:25px; height:33px; cursor:pointer; color:#afafaf; position:absolute; right:0; bottom:0; }
.wp_login .col-r .box_formlogin .box_input .showpass_btn::before { position:absolute; top:6px; left:2px; }
.wp_login .col-r .box_formlogin .box_input .showpass_btn.active::before { content:'\2f'; } 
.wp_login .col-r .box_formlogin button { width:100%; height:64px; border:none; background-color:#3b94ce; color:#fff; text-align:center; padding:10px; font:italic 24px/22px 'db_helvethaica_x_Med'; margin:20px 0 0 0; }
.wp_login .col-r .box_formlogin button:hover { background-color:#274d7b; }
.wp_login .col-r .box_formlogin .txt_contactproblem { font-size:17px; margin:10px 0 0 0; font-style:italic; color:#ff0000; }
.wp_login .col-r .box_formlogin .txt_contactproblem a { color:#ff0000; }

/***redeem page***/
.wp_redeem .box_head { position:relative; margin:45px 0; }
.wp_redeem .box_head .box_breadcrumb { position:absolute; left:0; top:7px; color:#2c2c2c; font:20px/20px 'db_helvethaica_x'; }
.wp_redeem .box_head .box_breadcrumb .back_btn { display:inline-block; padding:3px 25px 3px 27px; margin:0 22px 0 0; border-right:1px solid #2c2c2c; color:#2c2c2c; }
.wp_redeem .box_head .box_breadcrumb .back_btn .icon-prev { position:absolute; left:-3px; top:4px; color:#2c2c2c; font-size:17px; }
.wp_redeem .box_head .box_breadcrumb .back_badge { border:none; }
.wp_redeem .box_head .box_breadcrumb span { display:inline-block; border-bottom:1px solid #2c2c2c; }
.wp_redeem .box_head .box_topic { width:290px; margin:0 auto; text-align:center; }
.wp_redeem .box_head .box_topic h1 { font:44px/40px 'db_helvethaica_x_Med'; padding:0 0 4px 0; }
.wp_redeem .box_head .box_topic .line { margin:auto; }
.wp_redeem .box_head .point { position:absolute; top:7px; right:0; }
.wp_redeem .box_head .point span { display:inline-block; font:italic 35px/32px 'db_helvethaica_x_Med'; color:#274d7b; padding:0 25px; }
.wp_redeem .box_choose { background-color:#3279ab; padding:34px 30px 30px 30px; margin:0 0 42px 0; }
.wp_redeem .box_choose .selectStyle1 select { color:#2c2c2c; }
.wp_redeem .box_choose button { width:100%; height:50px; border:none; background-color:#61a5d5; color:#fff; }
.wp_redeem .result_redeem { margin:0 0 40px 0; }
.wp_redeem .result_redeem .item { border:1px solid #e9e9e9; margin:0 0 30px 0; }
.wp_redeem .result_redeem .item .box_picredeem .pic_redeem { padding:30px 30px 0 30px; margin:0 0 22px 0; text-align:center; }
.wp_redeem .result_redeem .item .box_picredeem .name_redeem { height:44px; overflow:hidden; padding:0 30px; text-align:center; margin:0 0 30px 0; }
.wp_redeem .result_redeem .item .box_point { border-top:1px solid #e9e9e9; text-align:center; font:30px/30px 'db_helvethaica_x'; overflow:hidden; }
.wp_redeem .result_redeem .item .box_point > div { padding:0; }
.wp_redeem .result_redeem .item .box_point .txt_point { padding:14px 10px; }
.wp_redeem .result_redeem .item .box_point .txt_point span { font:20px/22px 'db_helvethaica_x'; padding:15px 0; }
.wp_redeem .result_redeem .item .box_point .detail_btn { width:100%; height:58px; display:block; background-color:#61a5d5; font:22px/20px 'db_helvethaica_x'; color:#fff; text-align:center; padding:20px 10px; }
.wp_redeem .result_redeem .item .box_point .detail_btn:hover { background-color:#274d7b; }
.wp_redeem .result_history { margin:62px 0 40px 0; }
.wp_redeem .result_history .item .box_picredeem .name_redeem { margin:0 0 15px 0; }
.wp_redeem .result_history .item .box_picredeem .date_redeem { padding:0 30px; text-align:center; font:18px/20px 'db_helvethaica_x'; color:#b23023; margin:0 0 20px 0; } 
.wp_redeem .result_badge { text-align:center; margin:65px 0 0 0; }
.wp_redeem .result_badge .item { display:inline-block; padding:0 13px; margin:0 0 15px 0; position:relative; }
.wp_redeem .result_badge .item .detail_badge { min-width:152px; display:none; background-color:#fff; border:1px solid #61a5d5; position:absolute; left:50%; bottom:66px; margin:0 0 0 -76px; padding:12px 27px; text-align:center; color:#2c2c2c; font:italic 20px/20px 'db_helvethaica_x'; }
.wp_redeem .result_badge .item .detail_badge::after { content:''; position:absolute; left:0; right:0; bottom:-11px; margin:auto; display:block; width:12px; height:11px; background:url(../image/arrow_badge.png) 0 0 no-repeat; }

/***404 page***/
.wp_errorPage .banner { height:380px; }
.wp_errorPage .box_breadcrumb { top:-220px; }
.wp_errorPage .box_content { margin-top:-176px; padding:54px 165px 90px 165px; }
.wp_errorPage .box_content .line_dot { margin:0; height:9px; background:url(../image/line_popup.png) 0 0 repeat-y; }
.wp_errorPage .box_content .line_dot:first-child { margin:0 0 45px 0; }
.wp_errorPage .box_content .col-l { text-align:center; }
.wp_errorPage .box_content .col-r h1 { color:#61a5d5; font:57px/55px 'db_helvethaica_x_Med'; }
.wp_errorPage .box_content .col-r .txt_notfound { font:25px/25px 'db_helvethaica_x'; margin:15px 0 0 0; }

/***standard page***/
.wp_standard .box_content { background-color:#1f4472; padding:80px 30px 30px 30px; overflow:visible; }
.wp_standard .item span { width:120px; display:block; height:45px; overflow:hidden; }
.wp_standard .box_contentadd { background-color:#fff; padding:60px 60px 30px 60px; }
.wp_standard .box_contentadd .boxcontent_list { margin:0 0 15px 0; }
.wp_standard .box_contentadd .boxcontent_list h2 { font:38px/38px 'db_helvethaica_x_Med'; color:#24436f; }
.wp_standard .box_contentadd .boxcontent_list .topic_sub { font:30px/30px 'db_helvethaica_x_Med'; color:#2c2c2c; margin:0 0 10px 0px; }
.wp_standard .box_contentadd .boxcontent_list h3 { font:30px/30px 'db_helvethaica_x_Med'; color:#61a5d5; }
.wp_standard .box_contentadd .boxcontent_list ul li { margin:0 0 0 20px; }
.wp_standard .box_contentadd .boxcontent_list a { color:#2c2c2c; }
.wp_standard .box_contentadd .boxcontent_list a:hover { text-decoration:underline; }
.wp_standard .box_contentadd .boxcontent_list .box_table { margin:20px 0 0 0;}
.wp_standard .box_contentadd .box_detailhr { margin:0 0 20px 0; overflow:hidden; }
.wp_standard .box_contentadd  table { width:100%; }
.wp_standard .box_contentadd .txt_center { text-align:center; }
.wp_standard .box_contentadd .table_phonebook tr td { padding:10px 0; }
.wp_standard .box_contentadd .box_substuctor .topic_sub { font:25px/24px 'db_helvethaica_x_Med'; color:#61a5d5; }
.wp_standard .box_contentadd .colum_payment ,.wp_standard .box_contentadd .wp_powerpoint { text-align:center; }
.wp_standard .box_contentadd .colum_powerpoint a { margin:0 0 15px 0; display:block; }
.wp_standard .box_contentadd .colum_powerpoint a span { display:block; margin:10px 0 0 0; }