@CHARSET "UTF8"; @font-face { font-family: arianamu; src: url(/font/arianamu.ttf); } body{ margin: 0; padding: 0; font-size: 12px; font-family: arianamu, "Arian AMU", "Arial Unicode", "Arial AMU", Sylfaen,sans-serif; background: url("/images/bg.png") repeat-x white; } input, textarea{ font-family: arianamu, "Arian AMU", "Arial Unicode", "Arial AMU", Sylfaen,sans-serif; background: white; } input[type="submit"]{ cursor: pointer; } h1{ margin: 0; font-size: 21px; } h2{ margin: 0; } h3{ margin: 0; } a{ color: inherit; text-decoration: underline; } a:visited{ color: inherit; } a:hover{ color: blue; text-decoration: none; } img{ border: 0; } table,tbody,tr,td{ border: 0 none; border-collapse: collapse; margin: 0; padding: 0; } header{ height: 110px; padding: 0 18px; } .input_des{ border: 1px solid #0099ff; border-radius: 3px; margin: 5px; padding: 5px; width: 420px; } .h2_title{ font-size: 30px; color: gray; } .logo img{ margin-top: 9px; } .main_menu{ float: right !important; font-size: 14px; margin-top: 30px !important; } .main_menu li{ background: white !important; } .main_menu a{ color: black !important; padding: 10px 10px !important;} .main_menu a.red{ color: red !important; } .main_menu a:hover{ color: #0099ff !important; } .video_box{ height: 517px; background: url('/images/player_bg.png') no-repeat center bottom; margin-bottom: 26px; } .video_box .play{ height: 100px; width: 100px; position: relative; top: 220px; left: 500px; cursor: pointer; } .video_box .download{ height: 60px; width: 330px; position: relative; top: 350px; left: 350px; cursor: pointer; } .video_box .video{ left: 272px; position: relative; top: -39px; } .content{ margin-left: auto; margin-right: auto; width: 1061px; } .content_width{ margin-left: auto; margin-right: auto; width: 1060px; } .content_box{ background: #f2f1ef; border-top-left-radius: 5px; border-top-right-radius: 5px; min-height: 200px; padding: 0 18px; box-shadow: 0 0 5px -1px #888888; position: relative; } .content_padd{ padding: 0 18px; } .title_box{ text-align: center; height: 20px; padding: 8px 0 12px 90px; } .title_box h1:hover{ color: gray; } .title_line{ border-top:1px solid #cccccc; border-bottom:1px solid white; width: 254px; float: left; margin: 15px 20px 0 20px; } .title_h1{ color: #ccc; float: left; text-decoration: none; cursor: pointer; margin-bottom: 15px; } .home_tabs{ width: 319px; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box; padding-top: 21px; text-align: center; height: 82px; opacity: 0.3; } .home_tabs .title{ font-size: 25px; } .home_tabs:hover{ opacity: 1; } .home_tabs.active{ background: white; opacity: 1; } .home_cont{ background: white; margin-top: 84px; box-sizing: border-box; padding: 30px; padding-bottom: 180px; color: gray; font-size: 18px; position: relative; top: -2px; } .tabs_tab{ cursor: pointer; } .tab1, .tab2{ margin-right: 16px; } .info_text_1{ color: gray; font-size: 11px; } .info_text_2{ color: #0099ff; display: inline-block; margin-top: -8px; font-size: 11px; } .sep_2{ border-right: 1px solid #ccc; height: 17px; display: inline-block; position: relative; top: 5px; margin: 0 3px; } .tci3c{ width: 319px; background: white; float: left; min-height: 550px; box-sizing: border-box; padding: 30px; color: gray; font-size: 11px; position: relative; top: -2px; overflow: hidden; } .tci3c img{ width: 100%; } .tci3_1, .tci3_2{ margin-right: 16px; } .tci3_3{ text-align: center; } .blue_button{ background: #00599a; height: 47px; line-height: 47px; width: 258px; border-radius: 7px; color: white; box-shadow: none; text-align: center; font-size: 18px; text-shadow: none; cursor: pointer; } .blue_button:hover{ background: #0099ff; } .more{ border: 2px solid #00599a; background: white; color: #00599a; width: 254px; } .more:hover{ color: white; } #tabs_cont_id_1{ font-size: 30px; } .benefits_right_line{ height: 240px; width: 2px; background: #ebebeb; } .blue_table1 th{ background: #0d9bff; color: white; text-shadow: none; font-size: 20px; height: 30px; padding: 5px; border-right: 1px solid white; font-weight: normal; } .blue_table1 th:FIRST-CHILD{ border-top-left-radius: 5px; } .blue_table1 th:LAST-CHILD{ border-top-right-radius: 5px; } .blue_table1 td{ border: 1px solid #ccc; padding: 5px; text-shadow: none; color: #ccc; font-size: 18px; font-weight: bold; } .blue_table1 td:FIRST-CHILD{ color: black; font-size: 16px; } .reg_form input[type="text"]{ border: 1px solid #0099ff; padding: 5px; border-radius: 3px; margin: 5px; width: 420px; } .reg_form input[type="submit"]{ background: #0d9bff; padding: 7px 20px; color: white; color: white; border: 0; border-radius: 5px; margin: 5px; } .reg_form2-2 input[type="text"], .reg_form2 input[type="text"], .reg_form3 input[type="text"]{ border: 1px solid #0099ff; padding: 5px; border-radius: 3px; margin: 5px; width: 420px; } .reg_form2-2 input[type="submit"], .reg_form2 input[type="submit"], .reg_form3 input[type="submit"]{ background: #0d9bff; padding: 7px 20px; color: white; color: white; border: 0; border-radius: 5px; margin: 5px; } .aggreement{ width: 900px; font-size: 14px; margin: 20px 15px; background: white; border-radius: 5px; padding: 15px; box-sizing: border-box; } #facebox .content{ background: #0099ff !important; } #facebox .close img{ opacity: 1 !important; } #facebox .close{ background: transparent !important; } .cancel_butt{ border: 0; background: #00599a; padding: 7px 5px; border-radius: 5px; margin-right: 15px; color: white; cursor: pointer; } .reg_butt{ border: 0; padding: 7px 5px; border-radius: 5px; font-weight: bold; margin-right: 15px; margin-bottom: 15px; cursor: pointer; } #article_box_id, #article_box_id font{ font-family: "Arian AMU", "Arial Unicode", "Arial AMU", Sylfaen,sans-serif !important; } .info_box_descritpion b{ color: #0099ff; } .accountant_ul{ font-size: 14px; text-shadow: none; margin-top: -17px; } .accountant_ul li { color: #0099ff; } .footer{ background: #006699; box-shadow: 0 -4px 3px -2px rgba(50, 50, 50, 0.75); text-align: center; color: white; position: relative; z-index: 10; } #brf2_phone{ text-align: right; border: 0; border-radius: 4px; padding: 15px; height: 33px; width: 342px; background: url("/images/footer_call.png") no-repeat 13px 13px white; } #brf2_name{ text-align: right; border: 0; border-radius: 4px; padding: 15px; height: 33px; width: 342px; background: url("/images/footer_name.png") no-repeat 13px 13px white; } #brf2_button{ border: 0; color: white; border-radius: 4px; padding: 15px; height: 40px; width: 200px; line-height: 10px; font-weight: bold; margin-top: 10px; background: #0099ff; cursor: pointer; } .nl_title{ font-size: 22px; font-weight: bold; margin-bottom: 5px; color: gray; text-align: center; } .news_item{ text-align: justify; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 auto; width: 689px; } .news_item .title{ color: #382364; margin-bottom: 15px; } .news_item .title b{ color: gray; font-weight: normal; } .news_item .title span{ color: black; font-size: 14px; font-weight: bold; } .news_item .desc{ display: inline-block; height: 75px; width: 526px; } .news_item img{ margin-right: 7px; border: 1px solid #00599a; } .news_item .list_more{ border: 1px solid #00599a; color: #00599a; text-decoration: none; height: 16px; margin-top: 15px; display: inline-block; padding: 2px 3px; border-radius: 2px; } .last_news_all{ border: 1px solid #00599a; display: block; height: 16px; margin: 0 auto; padding: 5px 3px; text-align: center; text-decoration: none; width: 150px; font-size: 12px; line-height: 16px; } a.last_news_all { color: white; } .app_item { display: table; margin-bottom: 50px; padding: 0; width: 100%; } .app_item li { display: table-cell; vertical-align: top; } .app_item .mi{ width: 100%; } .app_item .desc{  width: 365px; padding-left: 24px; } .app_item .gp{ width: 100%; text-align: center; } .footer .info_pos{ position: relative; top: -50px; } .created_by{ width: 100%; text-align: center; margin-bottom: 5px; float: left; height: 100px; line-height: 100px; }  .error{ color: red; display: block; }  .captcha_box{ font-size: 20px; height: 153px; width: 547px; color: #EC4200; padding: 10px; } .captcha_box label{ font-size: 12px; } .js_title { background-color: red; color: white; font-size: 25px; font-weight: bold; text-align: center; width: 100%; }  .float_right{ float: right; } .float_left{ float: left; } .text_bold{ font-weight: bold; } .text_center{ text-align: center; } .text_right{ text-align: right; } .text_no_shadow{ text-shadow: none; } .text_orange{ color: #f43f0e; } .text_orange_deep{ color: #c72e00; } .text_black{ color: black; } .text_gray{ color: #c0bfbf; } .text_gray_middle{ color: #8F8F8F; } .text_gray_deep{ color: #8F8F8F; } .text_white{ color: white; } .text_orang_white{ color: #fbdf9c; } .text_justify{ text-align: justify; } .normal_font{ font-size: 14px; font-weight: normal; } .big_text{ font-size: 14px; } .font_10{ font-size: 10px; } .font_11{ font-size: 11px; } .font_12{ font-size: 12px; } .font_13{ font-size: 13px; } .font_14{ font-size: 14px; } .font_15{ font-size: 15px; } .font_20{ font-size: 20px; } .font_30{ font-size: 30px; } .font_36{ font-size: 36px; } .margin_tb_5{ margin: 20px 0 5px 0; } .width_100{ width: 100%; } .height_100{ height: 100%; } .height_17{ height: 17px; } .disp_block{ display: block; } .visible{ display: inline !important; } .invisible{ display: none; } .cursor_pointer{ cursor: pointer; } .font_i{ font-style: italic; } .clear_both{ clear: both; } .color_gold{ color: #ebaf00; } .color_blue{ color: #0099ff; } .color_red{ color: #fc0204; } .color_black{ color: black; } .box_centered{ margin-left: auto; margin-right: auto; } .normal_black_text{ font-size: 14px; text-shadow: none; color:black; } .ttab{ width: 30px; display: inline-block; } .ttab2{ width: 60px; display: inline-block; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; }  .sf-menu { float: left; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em;  *width: 12em;  } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF;  border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1;  } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap;  *white-space: normal;  -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF;  -webkit-transition: none; transition: none; }  .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em;  }  .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0;  border: 5px solid transparent; border-top-color: #dFeEFF;  border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white;  }  .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF;  border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } #facebox {position: absolute; top: 0;left: 0;z-index: 300;text-align: left;} #facebox .popup{position:relative;border:3px solid rgba(0,0,0,0);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);box-shadow:0 0 18px rgba(0,0,0,0.4);} #facebox .content {display:table;width: 370px;padding: 10px;background: #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;min-height: 20px;} #facebox .content > p:first-child{margin-top:0;} #facebox .content > p:last-child{margin-bottom:0;} #facebox .close{position:absolute;top:5px;right:5px;padding:2px;background:#fff;} #facebox .close img{opacity:0.3;} #facebox .close:hover img{opacity:1.0;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0;margin: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;}