/* common */
h3{font-size: 36px; padding:0px; text-align:center;}
h4{font-size: 18px; padding:0px 0 40px; text-align:center; color:#666;}
h5 { text-align:center; padding-bottom:20px; color:#018ccf; font-size:18px;}
h3 span {font-weight: bold;}
select::-ms-expand{display:none;}
.mb50{margin-bottom:50px;}
.bg{background-color:#d0d0d0}
header + section{margin-top: 118px;}
.separator{width:100%;margin:20px auto 15px;position: relative;    height: 1px;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0) scale(1,1);}
.separator:after {    height: 1px;    background: #e8e8e8;    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(35%,rgba(0,0,0,.09)),color-stop(70%,rgba(0,0,0,.09)),color-stop(100%,rgba(0,0,0,0)));    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);    background: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);    background: -ms-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);    position: absolute;    bottom: -1px;    content: "";    width: 100%;    left: 0;}
.separator2 {    width: 100%;    margin: 20px auto 15px;    position: relative;    height: 1px;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0) scale(1,1);}
.separator2:after {    height: 1px;    background: #999;     position: absolute;    bottom: -1px;    content: "";    width: 100%;    left: 0;}
.translate_text .separator:after {  height: 1px;    background: rgba(255,255,255,.5);    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(35%,rgba(255,255,255,.5)),color-stop(70%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);}

/* header-top */
#header{width: 100%; background-color: #fff; border-bottom: 1px solid #9d9d9d; position: fixed; top: 0; z-index: 100;}
#header .m_menu_btn,#header .m_lang,#header .close_btn,#header .m_menu{display: none;}
.header_top{background-color: #fafafa; border-bottom: 1px solid #e6e6e6;}
.lang{float: left;}
.lang img{width: 52px;}
.lang li{margin: 2px 0;}
.lnb{float: right;}
.lnb li{float: left; padding: 14px 0; width: 84px; text-align: center; border-right: 1px solid #e6e6e6; font-size: 13px; color: #9b9b9b;}
.lnb li:nth-child(1){border-left: 1px solid #e6e6e6;}
.logo{display: inline-block;height:72px;line-height:72px}
.logo img{vertical-align: middle;}
.gnb_box{text-align:center;width:100%;position:relative;}
.gnb > li{display: inline-block;position:relative}
.gnb > li > a{display:block;font-weight: bold; font-size:16px; color:#333; font-weight:bold;padding:28px 15px}
.gnb > li:hover > a{color: #018ccf;}
.gnb_login{display: none;}
.gnb_login a{display:block;margin-top:13px;margin-bottom:13px;padding:15px;font-size:15px;color:#fff; background-color:#018ccf; border-radius: 15px; width: 118px; text-align: center;font-weight:bold}
.drop-down-menu{display:none;position:absolute;left:0;min-width:220px;background:#fff;box-shadow: 0 6px 24px rgba(0,0,0,.06);background-color: #018ccf; padding: 10px 0;}
.drop-down-menu li a{display:block;padding:10px 20px;font-size:13px;color:#fff;text-align:left}
.lang li{border: 3px solid transparent; float: left;}
.lang li.active_lang{border: 3px solid #008dcf; opacity: 1;}
.triangle{position: absolute; top: -20px; left: 20%; border-color: transparent transparent #018ccf transparent; border-style:solid; border-width:10px;}
.drop-down-menu li a{position: relative;}
.hover_bg{background-color: #fff; width: 96%; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 10px; display: none; z-index: -1;}

/* index slider */
#main_visual{position:relative}
.main-download{position:absolute;bottom:40px;right:200px;z-index:10}
.main-download:after{content:"";display:block;clear:both}
.main-download li{float:left;}
.main-download li:first-child{margin-right:10px}
.main-download li a{display:block;width:200px;height:40px;background:#3697d9;line-height:40px;border-radius:3px;text-align:center;font-size:12px;color:#fff}
.main-download li a:hover{color:#fff}
.main-download li i{color:#fff}
.mobile-download{position:absolute;bottom:40px;left:50%;z-index:10;display:block;width:200px;height:40px;background:#3697d9;line-height:40px;border-radius:3px;text-align:center;font-size:12px;color:#fff}
.mobile-download:hover{color:#fff}
.proposal{margin-left:-250px;}
.leaflet{margin-left:50px;}
.mobile-download i{color:#fff}
.main_bg{text-align:center}
.main_bg .container{position:relative;height:60vh}
.main_bg .container .col-md-6{position: absolute;top:50%;transform: translate(0, -50%);background-color:rgba(255,255,255,.70); padding:20px; color:#000; line-height:1.5}
.main_bg .container .col-md-6 p:first-child{line-height:1.2; font-size:20px; margin-top:10px;padding-bottom:10px;border-bottom:1px solid #fff}
.main_bg .container .col-md-6 p:first-child + p{padding-top:20px; font-size:14px;}
.main_bg .container .col-md-6 a{display:inline-block;margin-top:10px;padding:7px 20px;background:#3697d9;border-radius:3px;color:#fff;}
.slick-dot{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
.slick-dot:after{content:"";display:block;clear:both}
.slick-dot li{display:block;float:left;margin-right:5px}
.slick-dot li:last-child{margin-right:0}
.slick-dot li button{text-indent: -9999px; background-color: transparent; border: none; background-image: url(../images/dot.png); width: 13px; height: 13px;background-repeat:no-repeat}
.slick-dot .slick-active button{background-image: url(../images/active_dot.png);}
.slick-arrow{text-indent: -9999px; background-color: transparent; border: none; position: absolute; z-index: 1; width: 50px; height: 50px; top: 50%; transform: translateY(-50%);}
.slick-prev{background-image: url(../images/main_left.png); left: 10px;}
.slick-next{background-image: url(../images/main_right.png); right: 10px;}

/* main-content02 */
#main_container{margin-top: 0;}
.main_con2{background-color: #fafafa; padding:50px 0px;}

/* main-content03 */
.main_con3{position:relative;padding:50px 0px;background-image:url(../images/back001.jpg); background-size:cover;}
.main_con3 .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
.main_con3 .tit{color: #fff;}
.main_con3 .separator:after{background-color: #fff;}
.main_con3 .list_text li:nth-child(1){color: #000; font-weight: bold; font-size: 21px; margin: 20px 0 18px;}
.main_con3 .list_text li:nth-child(2){font-size: 15px; color: #000; line-height: 1.6;}
.main_con3 .special{background-color:rgba(255,255,255,.85); color:#000; text-align:center; padding:20px; margin-top:39px;}
.special i { font-size:33px; color:#018ccf; }

/* main-news */
.main-news{padding:50px 0}
.mp_img{width: 100%; height: 200px; margin-bottom: 24px; overflow: hidden;}
.mp_img img{margin: 0 auto;}
.from{font-weight: bold; font-size: 15px; color: #018ccf; margin-bottom: 10px;}
.mp_tit{margin-bottom: 20px; font-weight: bold; font-size: 16px; line-height: 1.5;}
.mp_desc{font-size: 14px; color: #6f6f6f; line-height: 1.5; margin-bottom: 34px; height: 90px; overflow: hidden;}
.mp_plus{text-align: right;}
.mp_bar{width: 1px; height: 470px; background-color: #e6e6e6; display: inline-block; position: absolute; top: 50%; right: -15px; transform: translateY(-50%);}
.mainpress_box{ position: relative;}

/* main-content05 */
.main-content05{background-image:url(../images/main_bg003.png); padding:50px 0px; background-size:cover; background-position:center center;}

/* main-video */
.main-video{padding:50px 0}
.main-video .container{background-image:url(../images/main_bg001.png); background-size:45%; background-position:bottom right; height:500px; background-repeat:no-repeat;}
.ad_list{text-align: center; padding-top: 92px;}
.ad_list li:nth-child(1){font-size: 16px; color: #46a7ae; margin-bottom: 10px;}
.ad_list li:nth-child(2){font-weight: bold; font-size: 25px; color: #46a7ae; margin-bottom: 15px;}
.slick-prev2{width: 25px; height: 25px; background-image: url(../images/maincon_left.png); left: 0; top: 130px;background-repeat:no-repeat;}
.slick-next2{width: 25px; height: 25px; background-image: url(../images/maincon_right.png); right: 0; top: 130px;background-repeat:no-repeat;}
.slick-dot2{text-align: center; margin-top: 15px;}
.slick-dot2 li{display: inline-block;}
.slick-dot2 li button{text-indent: -9999px; background-color: transparent; border: 1px solid #018ccf; margin: 0 4px; width: 11px; height: 11px; padding: 0;}
.slick-dot2 .slick-active button{background-color: #018ccf;}

/* footer */
#footer{position: relative;}
#footer .top{background-color: #222; color: #fff; padding-top:40px;}
#footer .bottom{background-color:#222; color: #fff}
#footer .bottom .f_logo{float: left; margin-top: 6%;}
#footer .bottom .inner{float: left; margin-top: 28px;}
#footer .bottom .list_text{margin:20px 0;}
#footer .bottom .list_text li{font-size: 13px; margin-bottom: 10px;}
#footer .m_lang{display: none;}
.top_up{text-align: center; border: 1px solid #018ccf; display: none; padding: 8px; border-radius: 4px; position: fixed; bottom: 100px; right: 16.9%; cursor: pointer;}
.top_up li:nth-child(2){margin-top: 4px; font-size: 12px; color: #018ccf;}
.top_up.fix{position: absolute; bottom: 707px;}
.top_up.show{display: inline-block;}
.subfooter{background-color: #373737;    border-color: #454545;	line-height: 1.5;	color:#999; padding:20px 0; text-align:center;}
#footer .list1 a{ font-size:14px; color:#999;}
#footer .list1 li { padding-top:10px; color:#018ccf; }

/* translate_intro.php */
#translate_vis{background-image:url(../images/t_intro_bg.png); padding: 6em 0; position: relative; background-position:left center; background-size:cover;}
.translate_text{text-align: center;}
.translate_text li:nth-child(1){font-weight: bold; font-size: 35px; margin-bottom: 22px; color: #fff;}
.translate_text li:nth-child(2){font-size: 21px; color: #fff;}
.tab{position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: 1;}
.tab li{width: 100px; float: left; padding: 16px 0; border: 1px solid #c7c7c7; color: #9b9b9b; text-align: center; background-color: #fff; cursor: pointer; font-size: 12px;}
.tab li.click{background-color: #008ccf; border-color: #008ccf; color: #fff;}
.location{text-align: right; margin-bottom:50px; border-bottom:1px solid #d9d9d9;}
.location li{display: inline-block; font-size: 12px; color: #c7c7c7; vertical-align: middle;}
.slocation{min-width: 100px; padding: 10px 0; text-align: center;}
.slocation2{background-color: #f5f5f5; color: #9b9b9b;}
.location_arrow{margin: 0 10px;}
.tit_bar{width: 50px; height: 3px; background-color: #008ccf; margin-bottom: 35px; display: inline-block;}
.desc{line-height: 1.5; font-size: 16px; color: #636363; margin-bottom: 50px; text-align:left;}
.desc strong{color: #00a99d;}
.ti_img{padding-bottom: 50px; border-bottom: 1px solid #e6e6e6; margin-bottom: 50px;}
.strength_list{width: 49%; display: inline-block; border: 1px solid #e6e6e6; margin-bottom: 5px; padding: 16px 0 16px 15px; font-size: 16px; color: #636363; position: relative;}
.srec{width: 5px; height: 5px; display: inline-block; background-color: #008ccf; position: absolute; top: 0; left: 0;}
.strength_list:nth-child(2n-1){margin-right: 1%;}
.strength_box{padding-bottom: 50px; border-bottom: 1px solid #e6e6e6;}
.strength_text{margin-top: 60px;}
.strength_text2{margin-top: 0;}
.strength_text li:nth-child(1){font-weight: bold; font-size: 25px; margin-bottom: 37px; line-height: 1.2;}
.strength_text2 li:nth-child(1){ margin-bottom: 14px;}
.strength_text li:nth-child(2){font-size: 16px; line-height: 1.5;}
.strength_text strong{font-size: 14px; color: #00a99d;}
.strength_text span{font-size: 14px; color: #9b9b9b;}
.strength_text .stit{font-size: 20px; color: #373737;}
.strength_desc{margin-top: 50px;}
.strength_desc:last-child{margin-bottom: 50px;}

/****************************** translate_area ******************************/
.area_box .srec{left: 15px;}
.area_box li{padding: 14px 0; width: 100%; border: 1px solid #e6e6e6; border-top: none; font-size: 12px; color: #9b9b9b; padding-left: 16px;}
.area_box .area_main{padding: 18px 0 18px 16px; width: 100%;; background-color: #f5f5f5; border: 1px solid #e6e6e6; font-size: 14px; color: #636363;}
.tarea_box > div{height: 544px; margin-bottom: 30px;}
.area_top1{margin-top: -123px;}
.area_top2{margin-top: -246px;}

/****************************** translate_price ******************************/


.tp_bar{margin-top: 120px;}
.tp_img{text-align: center;}
.tp_desc{font-size: 16px; color: #00a99d; border-bottom: 1px solid #c7c7c7; width: 470px; margin: 52px auto; padding-bottom: 10px;}
.ta_con table{width: 100%; border-top: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; margin-bottom: 18px;}
.ta_con table th{padding: 9px 0; font-weight: bold; font-size: 15px; color: #6f6f6f; text-align: center; vertical-align: middle; border-right: 1px solid #e6e6e6;}
.ta_con table td{padding: 18px 0; font-size: 13px; color: #9b9b9b; text-align: center; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.ta_con table th:last-child,.ta_con table td:last-child{border-right: none;}
.tp_info li{font-size: 13px; color: #00a99d; margin-bottom: 13px;}
.tp_info li span{color: #ffcd8c;}
.tp_standard{margin-bottom: 50px;}
.tp_standard li{font-size: 16px; color: #636363; margin-bottom: 19px;}
.tp_standard li span{color: #008ccf;}
.price_tit{margin-top: 50px;}

/****************************** order_process ******************************/

.page_num{float: left; font-size: 14px; color: #636363; margin-top: 23px;}
.page_num strong{font-weight: bold;}
.page_num .op_color1{color: #008ccf;}
.page_num .op_color2{color: #00a99d;}
.order_num{float: right;}
.order_num li{float: left; color: #9b9b9b;}
.order_num li select{height: 38px; width: 127px; -webkit-appearance:none;-webkit-border-radius:0; background-image: url(../images/select_down.png); background-position: right center; background-repeat: no-repeat; margin-right: 3px; border: 1px solid #c7c7c7; border-right: none; padding-left: 10px;}
.order_num li input{height: 38px; border: 1px solid #c7c7c7;}
.search_text{padding: 12px 0 11px; width: 85px; background-color: #9b9b9b; color: #fff; font-weight: bold; font-size: 15px; float: right; text-align: center; cursor: pointer;}
.op_table{width: 100%; border-top: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; margin-top: 12px;}
.op_table table{margin-bottom: 0;}
.op_table th{padding: 9px 0; font-weight: bold; font-size: 15px; color: #6f6f6f; text-align: center; vertical-align: middle; border-right: 1px solid #e6e6e6; width: 8%;}
.op_table table td{padding: 18px 0; font-size: 13px; color: #9b9b9b; text-align: center; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.op_table table th,.op_table table td{border-right: none;}
.op_table th:nth-child(4){width: 34%;}
.pager{margin: 30px 0 50px;}
.pager img{vertical-align: middle;}
.pager li{display:inline-block; font-weight: 100; font-size: 13px; color: #c7c7c7; padding : 10px 8px; border: 1px solid #e6e6e6; border-radius: 2px; cursor: pointer;}
.pager li:first-child,.pager li:last-child{padding: 10px 12px;}
.pager_num.pager_click{background-color: #fafafa; font-weight: bold; color: #6f6f6f; padding: 8px 10px 10px 8px;}

/****************************** t_memory ******************************/

.tm_tab li{width: 150px;}
.tm_slocation{padding: 37px 0;}
.view_btn{text-align: right;}
.view_btn a{font-weight: bold; font-size: 15px; color: #fff; width: 85px; padding: 12px 0; text-align: center; display: inline-block; cursor: pointer; background-color: #008ccf;}
.view_btn a:hover{color: #fff; background-color: #008ccf;}


/****************************** request_quote ******************************/

#quote_vis{background-image: url(../images/quote_bg.png); padding: 6em 0; position: relative; background-position: right center;background-size:cover}
.quote_box .desc{margin-bottom: 15px;}
.ta_con .quote_box th{width: 20%; background-color: #fafafa; text-align: left; padding-left: 30px; border-bottom: 1px solid #e6e6e6;}
.ta_con .quote_box td{width: 80%; padding: 9px 20px; text-align: left;}
.ta_con .quote_box td input[type="text"]{width: 378px; height: 38px; border: 1px solid #e6e6e6;}
.ta_con .quote_box .call input[type="text"]{width: 112px;}
.ta_con .quote_box select{ -webkit-appearance:none;-webkit-border-radius:0; background-image: url(../images/select_down.png); background-position: right center; background-repeat: no-repeat; padding-left: 10px;}
.ta_con .quote_box .call select{width: 98px; height: 38px; margin-right: 3px; border: 1px solid #e6e6e6; border-right: none; padding-left: 10px;}
.ta_con .quote_box .call span{display: inline-block; margin: 0 5px;}
.quote_box select{width: 378px; height: 38px; border: none; border: 1px solid #e6e6e6; border-right: none;}
.qadd_file p{width: 80px; padding: 12px 0; background-color: #c7c7c7; color: #fff; font-weight: bold; font-size: 14px; float: left; text-align: center; cursor: pointer;}
.ta_con .quote_box .qadd_file td input[type="text"]{width: 299px; padding-left: 16px; margin-right: 10px;}
.quote_add{color: #00a99d; font-size: 12px;}
.quote_box textarea{width: 100%; height: 118px; resize: none; border: 1px solid #e6e6e6;}
.quote_btn{text-align: right; margin-bottom: 50px;}
.quote_btn li{font-weight: bold; font-size: 15px; color: #fff; width: 85px; padding: 12px 0; text-align: center; display: inline-block; cursor: pointer;}
.quote_btn li:first-child{background-color: #008ccf;}
.quote_btn li:last-child{background-color: #9b9b9b;}
#show_wait{display:none;position:fixed;z-index:301;left:50%;top:50%;transform:translate(-50%,-50%)}
.request_overlay{display:none;position:fixed;z-index:300;width:100%;height:100%;background:#000;opacity:.3;left:0;top:0;}

/****************************** live_quote ******************************/

.livequote_box .t_lang select,.qadd_file li{margin-bottom: 5px;}
.ta_con table.livequote_box th{border-right: 1px solid #e6e6e6;}
.ta_con table.livequote_box .live_notice td{line-height: 1.5;}
.live_info li{float: left; font-weight: bold; font-size: 14px; color: #6f6f6f; width: 198px; padding: 10px 0; background-color: #fafafa; border: 1px solid #c7c7c7; text-align: center; margin-top: 7px;}
.live_info li:first-child{margin-right: 5px;}
.livequote_box .kind select{float: left;}
.livequote_box .kind span{color: #00a99d; font-size: 12px; display: inline-block; line-height: 1.5; float: left; margin-left: 10px;}
.livequote_box .kind strong{color: #008ccf;}
.t_lang img,.qadd_file img{vertical-align: middle; cursor: pointer;}

/****************************** order_method ******************************/

.method_box{border: 1px solid #e6e6e6; padding: 18px 12px; margin-bottom: 50px;}
.method_box .srec{left: 15px;}
.method_box li:nth-child(1){font-weight: bold; font-size: 18px; color: #333333; margin-bottom: 10px;}
.method_box li:nth-child(2){font-size: 14px; color: #6f6f6f; margin-bottom: 48px; line-height: 1.5;}
.method_box li:nth-child(3){font-weight: bold; font-size: 14px; color: #008ccf; padding: 10px 0; width: 328px; text-align: center; border: 1px solid #008ccf; margin-bottom: 65px;}
.method_box2 li:nth-child(2){margin-bottom: 28px;}
.method_box2 li:nth-child(3){color: #00a99d; border-color: #00a99d;}
.method_box2 .srec{background-color: #00a99d;}
.method_box3 .srec{background-color: #ffcd8c;}
.method_box3 .live_info li{float: none; width: 328px;}
.method_box3 .live_info li:nth-child(1){font-size: 14px; color: #6f6f6f;}
.method_box3 .live_info li:nth-child(2){margin-bottom: 35px;}

/****************************** pay ******************************/

#cscenter_vis{background-image: url(../images/cscenter_bg.png); padding: 6em 0; position: relative;background-position:right center;background-size:cover}
.pay_con{margin-bottom:50px;}
.pay_con .desc{width: 100%; margin-bottom: 26px;}
.account_info{padding: 25px 31px; background-color: #fafafa; border: 1px solid #e6e6e6;}
.account_info p{float: left; padding-right: 23px; margin-top: 12px;}
.account_info .ai_list{padding-left: 15px; float: left; position: relative;}
.account_info .ai_list li:nth-child(1){font-size: 16px; color: #776c61; margin-bottom: 7px;}
.account_info .ai_list li:nth-child(2){font-size: 30px; color: #636363; margin-bottom: 7px;}
.account_info .ai_list li:nth-child(3){font-size: 16px; color: #636363;}
.ai_bar{width: 1px; height: 75px; background-color: #e6e6e6; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.at_ef{background-color: #fafafa; border: 1px solid #e6e6e6; padding: 12px 20px;}
.at_ef:nth-child(1){margin-bottom: 21px;}
.at_ef2{padding: 5px 20px;}
.at_ef li{float: left;}
.at_ef li img{vertical-align: middle;}
.at_ef li span{display: inline-block; font-size: 16px; color: #9b9b9b; margin-right: 32px;}
.at_email{margin-left: 8px;}
.at_ef li span.at_fax{margin-left: 18px; margin-right: 44px;}
.at_ef li:nth-child(2){font-size: 23px; color: #636363; margin-top: 2px;}
.at_ef2 li:nth-child(2){margin-top: 9px;}
.at_ef li span.at_call{margin-left: 5px;}
.pay_desc{margin-top: 23px;}
.direct_box{margin-top: -210px;}
.direct_pay{font-weight: bold; font-size: 18px; color: #008ccf; border: 1px solid #008ccf; padding: 12px 15px;}
.direct_pay span{float: right;}

/****************************** faq ******************************/

.faq_table{margin-top: 12px; border-top: 2px solid #6f6f6f; border-bottom: 2px solid #6f6f6f;}
.faq_table table{margin-bottom: 0;}
#translate_con .faq_table th{text-align: center; padding: 16px 0; font-weight: bold; font-size: 16px; color: #636363; width: 15%;}
#translate_con .faq_table th:nth-child(1),.faq_table th:nth-child(6){width: 6%;}
#translate_con .faq_table th:nth-child(3){width: 43%;}
#translate_con .faq_table table td{font-size: 16px; color: #636363; text-align: center; padding: 16px 0; vertical-align: middle;}
#translate_con .faq_table td:nth-child(3){text-align: left;}

/****************************** data ******************************/

.data{padding: 18px; border: 1px solid #e6e6e6;}
.data_tit{font-weight: bold; font-size: 18px; color: #373737; margin-bottom: 12px;}
.data_desc{font-size: 16px; color: #6f6f6f; line-height: 1.2;}
.data_desc span{font-size: 16px; color: #008ccf;}
.data{position: relative; margin-bottom: 30px;}
.data .data_list{float: left; width: 100%;}
.data .download{float: right; width: 100px; padding: 45px 0; font-weight: bold; font-size: 15px; color: #fff; background-color: #008ccf; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer;}
.download_arrow{position: absolute; bottom: 10px; right: 10px;}
.data2 li:nth-child(1){padding-bottom: 18px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;}
.data2{margin-bottom: 1px;}
.data .download1{padding: 89px 0;}
.visual_box{position: relative; margin-bottom: 30px;}
.visual_box li{padding: 18px 0; border: 1px solid #e6e6e6; background-color: #fafafa; font-size: 16px;}
.visual_box li:nth-child(1){padding-left: 20px;}
.visual_box li:nth-child(2){position: absolute; top: 0; right: 0; background-color: #00a99d; color: #fff; font-weight: bold; font-size: 15px; width: 102px; text-align: center; cursor: pointer;}
.data3,.visual_box2{margin-bottom: 1px;}
.data4{margin-bottom: 1px;}
.data4 .srec{background-color: #ffcd8c;}
.visual_box li.down2{background-color: #ffcd8c;}
.data_img{float: left; padding: 17px 16px 17px 0;}
.data_desc2{padding: 8px 0 8px 12px; position: relative; float: left;}
.data_desc3{margin-bottom: 22px;}
.data5{margin:140px 0 1px;}
.data_box{padding-bottom: 50px;}

/****************************** ceo ******************************/

#ceo_con{margin-top: 0;}
#cintro_vis{background-image: url(../images/cintro_bg.png); padding: 6em 0; position: relative;background-position:right center;background-size:cover}
#ceo_con .desc{width: 100%; line-height: 1.5;}
.ceo_img{text-align: right; margin: 10px 0 50px;}

/****************************** history ******************************/

.year{font-weight: bold; font-size: 25px; color: #373737; margin-bottom: 6px;}
.year_list li{margin-top: 34px; font-size: 15px; color: #636363; line-height: 1.5;}
.history_blue{color: #008ccf; font-size: 9px; margin-right: 4px;}
.tit_bar2{background-color: #00a99d;}
.history_green{color: #00a99d;}
.tit_bar3{background-color: #ffcd8c;}
.history_red{color: #ffcd8c;}
.his_top{margin-top: 50px;}

/****************************** press ******************************/

.press_list{padding-top: 30px; margin-top: 16px; border-top: 1px solid #9b9b9b; padding-bottom: 30px; border-bottom: 1px solid #9b9b9b;}
.press_list .list_box{background-color: #fafafa; border: 1px solid #e6e6e6; padding: 20px; margin-bottom: 30px;}
.press_list .press_desc{font-size: 16px; color: #636363; margin: 20px 0 57px; line-height: 1.5; height: 48px; overflow: hidden;}
.press_date li{font-size: 12px; color: #9b9b9b;}
.press_date li:nth-child(1){float: left;}
.press_date li:nth-child(1) span{color: #008ccf;}
.press_date li:nth-child(2){float: right;}
.press_img{height: 248px; overflow: hidden;}

/****************************** ms ******************************/

.ms_box{margin-bottom: 50px;}

/****************************** america_branch ******************************/

.america_info ul{background-color: #fafafa; border: 1px solid #e6e6e6;}
.america_info li{float: left;}
.america_info li:nth-child(1){font-weight: bold; font-size: 14px; color: #636363; padding: 15px 0; width: 76px; text-align: center; position: relative;}
.america_info li:nth-child(2){font-size: 14px; color: #636363; padding: 15px 0 15px 10px;}
.america_info li.america_email{padding: 15px 0 15px 6px;}
.map_bar{width: 1px; height: 30px; background-color: #e6e6e6; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.america_add{margin: 10px 0 10px;}

/****************************** map ******************************/
#map_con .desc{margin-bottom: 17px;}
.map_info{margin-top: 38px;}
.map_info ul{margin-bottom: 5px;}
.map_info ul.map_list{margin-bottom: 15px;}
.map_bottom{margin: 50px 0 ; }
.map_img1{margin-bottom: 20px;}

/****************************** t_recruite ******************************/

.recruit_box{padding-bottom: 50px; border-bottom: 1px solid #e6e6e6; margin-bottom: 50px;}
.recruit_box .desc{margin-bottom: 0;}
.recruit_box .desc strong{color: #008ccf;}
.recruit_box .recruit_sbox{text-align: left; position: relative; padding: 18px 0 18px 19px; border: 1px solid #e6e6e6; margin-bottom: 5px; height: 53px; font-size: 14px; color: #636363;}
.recruit_box .recruit_sbox:nth-child(3){padding: 12px 0 12px 19px;}
.recruit_right{margin-top: 264px;}
.srec2{background-color: #00a99d;}
.recruit_bottom{margin-top: 50px;}
.recruit_tit{font-weight: bold; color: #00a99d; font-size: 19px; margin-bottom: 14px;}
.recruit_desc,.recruit_desc li{font-size: 16px; color: #6f6f6f; margin-bottom: 28px; line-height: 1.5;}
.recruit_desc li{margin-bottom: 16px;}
.recruit_desc2{margin-bottom: 50px;}
.recruit_desc2 > li:nth-child(1){background-color: #424242; z-index: 3;}
.recruit_desc2 > li:nth-child(2){background-color: #00a99d; margin-left: -40px; z-index: 2;}
.recruit_desc2 > li:nth-child(3){background-color: #008ccf; margin-left: -40px; z-index: 1;}
.recruit_desc2 > li{width: 246px; height: 246px; border-radius: 50%; position: relative; float: left; border: 1px solid #fff;}
.small_desc{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 126px;}
.recruit_desc2 > li:nth-child(1) .small_desc{width: 156px;}
.recruit_desc2 > li:nth-child(3) .small_desc{width: 136px;}
.small_desc li:nth-child(1){font-weight: bold; font-size: 19px; color: #fff; margin-bottom: 12px;}
.small_desc li{font-size: 12px; color: #fff; margin-bottom: 12px; line-height: 1.2;}
.r_right{position: absolute; top: 50%; right: -40px; transform: translateY(-50%);}
.small_desc .write_application{font-size: 12px; color: #424242; background-color: #fff; border-radius: 2px; padding: 7px 0 7px 10px;}
.recruit_desc3{width: 36%; display: inline-block;}
.t_tit{font-weight: bold; font-size: 14px; color: #636363; vertical-align: middle; padding-left: 20px; width: 12%;}
.t_stit{font-size: 14px; color: #9b9b9b; width: 16%; padding: 20px 0 20px 20px; border-top: none;}
.application_box table{width: 100%; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; margin-bottom: 10px;}
.application_box tr:last-child th{border-bottom: none;}
.application_box tr:last-child td{border-bottom: none;}
.application_box th{background-color: #fafafa; border: 1px solid #e6e6e6; border-left: none; vertical-align: middle; line-height: 1.5; border-top: none;}
.application_box td{padding: 20px 0 20px 20px; border-bottom: 1px solid #e6e6e6; vertical-align: middle; font-size: 14px; color: #9b9b9b; border-top: none;}
.application_box td input{width: 338px; height: 38px; border: 1px solid #e6e6e6;}
.application_box td.t_call input{width: 103px;}
.t_selec{text-align: center; padding: 8px 0;}
.t_selec select{width: 108px; height: 38px; background-color: #fafafa; border: 1px solid #e6e6e6; font-size: 14px; color: #9b9b9b;}
.application_box input::placeholder{font-size: 14px; color: #9b9b9b; padding-left: 20px;}
.application_box .t_school input{width: 30%;}
select{width: 30%; height: 38px; border: 1px solid #e6e6e6; color: #9b9b9b;}
.application_box .t_use input{width: 91%;}
.t_lang3 select{width: 26%; margin-top: 12px;}
.tpm_img{margin: 0 5px;}
.t_lang2{font-size: 12px; color: #00a99d; margin: 10px 0;}
.t_rank1{padding: 20px 0; font-size: 0;}
.t_rank1 li{display: inline-block; width: 21%; padding: 5px 0 5px 10px; border: 1px solid #f5f5f5;}
.t_rank1 li span{font-size: 12px; color: #9b9b9b;}
.application_box .t_rank1 input[type="checkbox"]{display: none;}
.application_box .t_rank1 input[type="checkbox"] + label{width: 13px; height: 13px; border: 1px solid #e6e6e6; background-color: #fafafa; cursor: pointer; vertical-align: top; margin-right: 10px;}
.application_box .t_rank1 input[type="checkbox"]:checked + label{background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.rank_sdesc{font-size: 12px; color: #008ccf; border: none; }
.application_box td input.career{width: 38px; height: 38px; border: 1px solid #e6e6e6;}
.application_box td input.t_info{width: 58%;}
.application_box td .t_period{width: 22%;}
.t_test{font-size: 12px; color: #00a99d;}
.t_test2{float: right; font-size: 12px; padding: 0;}
.application_box .t_test2 input[type="checkbox"] + label{margin-left: 10px;}
.t_more textarea{padding: 20px; width: 91%; height: 118px; resize: none; border: 1px solid #e6e6e6;}
.t_more textarea::placeholder{font-size: 14px; color: #b1b1b1;}
.attachment{font-size: 14px; color: #b1b1b1; padding: 12px 0 12px 100px; border: 1px solid #e6e6e6; position: relative;}
.attachment span{background-color: #c7c7c7; color: #fff; font-weight: bold; padding: 13px 0; width: 80px; position: absolute; top: 0; left: 0; text-align: center; cursor: pointer;}
.application_box th.t_tit2{border-bottom: none;}

.pm_img{cursor: pointer; vertical-align: middle;}

/****************************** shop ******************************/

.branch_case li{font-size: 16px; color: #6f6f6f; margin-bottom: 16px; line-height: 1.5;}
.branch_case li:last-child{margin-bottom: 38px;}
.branch_down{padding: 16px 0; width: 100%; border: 1px solid #008ccf; color: #008ccf; font-weight: bold; font-size: 16px; text-align: center; cursor: pointer; margin-bottom: 39px;}
.shop_con{margin-bottom: 0;}
.shop_box{text-align: right;border-top: 1px solid #e6e6e6;}
.shop_box > li{text-align: right;}
.shop_list{width: 468px; display: inline-block; margin: 0 0 2px;}
.shop_box > li:nth-child(1) .shop_list{margin-top: 5px;}
.shop_sdesc p{font-size: 12px; color: #00a99d; width: 468px; text-align: left; display: inline-block; margin-bottom: 50px;}
.shop_bar{margin-top: 0;}

/****************************** contact ******************************/

.contact_box{margin: 30px 0 50px;}
.america_info:after{content:"";display:block;clear:both}
.contact_info{float:left;width: 49.5%; position: relative;margin-bottom:5px}
.contact_info:nth-child(odd){margin-right:1%}
.contact_info li.srec{padding: 0; width: 5px;}
.profile{float:left;display:block;width:50%;height:40px;background:#3697d9;line-height:40px;border-radius:3px;text-align:center;font-size:14px;color:#fff}
.profile:hover{color:#fff}

/****************************** flatform1 ******************************/

.slocation3{line-height: 1.5; padding: 22px 0;}
.slocation4{line-height: 1.5; padding: 31px 0;}
.flatform_purchase{padding: 18px 0; width: 35%; border: 1px solid #008ccf; display: inline-block; text-align: center;}
.flatform_purchase a{color: #008ccf; font-weight: bold; font-size: 16px;}
.flatform_require{padding: 18px 0; width: 64%; font-size: 16px; color: #9b9b9b; border: 1px solid #9b9b9b; text-align: center; display: inline-block;}
.flatform_require strong{font-weight: bold;}
.flatform_stit{font-weight: bold; font-size: 20px; color: #373737; margin-bottom: 14px;}
.flatform_box{margin-bottom: 50px;}
.flatform_info li{padding-left: 20px; font-size: 16px; color: #6f6f6f;}
.flatform_info li:nth-child(1){width: 0;}
.america_info .flatform_info2 li:nth-child(2){padding: 7px 0 7px 10px; line-height: 1.2;}
.america_info .flatform_info2 li:nth-child(2) span{font-size: 12px; color: #008ccf;}
.flatform_s{padding-bottom: 50px; border-bottom: 1px solid #e6e6e6; margin-bottom: 50px;}
.flatform_box .desc2{font-size: 14px; margin-bottom: 22px;}
.america_info .flatform_info3 li:nth-child(1){width: 0; padding: 0;}
.flatform_info3{margin-bottom: 5px;}
.america_info .flatform_info3 .fi_desc{line-height: 1.5; height: 95px; padding: 0; padding-left: 20px; padding-top: 10px;}
.flatform_s2{border: none; padding: 0; margin-bottom: 50px;}

/****************************** flatform2 ******************************/

.concern{width: 268px; padding: 79px 0 78px; border-radius: 50%; background-color: #f5f5f5; border: 1px solid #c7c7c7; text-align: center;}
.concern li:nth-child(1){font-weight: bold; font-size: 21px; color: #373737; margin-bottom: 34px;}
.concern li:nth-child(2){font-size: 18px; color: #636363; line-height: 1.5;}
.smart_platform{margin-top: 120px;}
.sp_box{background-color: #fafafa; border: 1px solid #e6e6e6; margin-bottom: 30px; height: 128px;}
.sp_box .srec2{left: 15px;}
.sp_box p{width:150px;padding: 24px 26px; float: left; height: 79px;}
.sp_box ul{float: left; padding: 24px 0; width:calc(100% - 150px)}
.sp_box li:nth-child(1){font-weight: bold; font-size: 18px; color: #00a99d; margin-bottom: 21px;}
.sp_box li:nth-child(2){font-size: 15px; color: #6f6f6f; line-height: 1.5;}
.ff_img{text-align: center;}
.ff_require{text-align: right;}
.ff_require ul{width: 368px; display: inline-block;}
.srec3{background-color: #ffcd8c;}

/****************************** login ******************************/

#login_con{background-color: #fafafa; text-align: center;}
.login_box{width: 570px; display: inline-block; text-align: left; margin: 100px 0;}
.login_sbox{padding: 32px 29px; background-color: #fff; border: 1px solid #e6e6e6; position: relative; margin-bottom: 1px;}
.login_text{float: left; font-weight: bold; font-size: 21px; color: #373737; margin-bottom: 15px;}
.login_save{float: right; font-size: 12px; color: #9b9b9b;}
.login_save input[type="checkbox"] {display: none;}
.login_save input[type="checkbox"] + label{width: 13px; height: 13px; background-color: #fafafa; border: 1px solid #c7c7c7; cursor: pointer; vertical-align: text-bottom;}
.login_save input[type="checkbox"]:checked + label{background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.login_sbox li input[type="text"]{width: 100%; height: 43px; margin-bottom: 10px; font-size: 16px; background-color: #fafafa; border: none; border: 1px solid #c7c7c7; padding-left: 10px;}
.login_sbox li input[type="text"]::placeholder{color: #9b9b9b;}

.login_sbox li input[type="password"]{width: 100%; height: 43px; margin-bottom: 10px; font-size: 16px; background-color: #fafafa; border: none; border: 1px solid #c7c7c7; padding-left: 10px;}
.login_sbox li input[type="password"]::placeholder{color: #9b9b9b;}

.id_login{width: 100%; padding: 17px 0; font-weight: bold; font-size: 16px; color: #fff; text-align: center; background-color: #008ccf; cursor: pointer; margin-bottom: 14px;}
.find_box{margin-bottom: 1px;}
.find_box li{padding: 11px 0 11px 30px; width: 100%; border: 1px solid #e6e6e6; position: relative;}
.find_box li span{font-size: 12px; color: #9b9b9b;}
.find_box li .find_ip{width: 100px; font-size: 12px; color: #fff; padding: 14px 0; background-color: #00a99d; position: absolute; top: 0; right: 0; text-align: center;}
.find_box li .login_join{background-color: #008ccf;}
.login_bene li{color: #00a99d; font-size: 12px; margin-bottom: 7px;}
.login_bene .tit{font-size: 14px; margin: 12px 0 14px;}

/****************************** join ******************************/

.join_box{width: 770px;}
.join_tit{font-weight: bold; font-size: 21px; color: #373737; margin-bottom: 15px; margin-top: 20px;}
.join_tnc{background-color: #fafafa; border: 1px solid #e6e6e6; width: 100%; height: 198px; overflow-y: scroll; padding: 18px;}
.join_tnc p{line-height: 1.5; font-size: 12px; color: #9b9b9b;}
.join_tnc p strong{font-size: 14px;}
.join_agree{text-align: right; margin-top: 15px;}
.join_agree input[type="checkbox"] {display: none;}
.join_agree input[type="checkbox"] + label{width: 13px; height: 13px; background-color: #fafafa; border: 1px solid #008ccf; cursor: pointer; vertical-align: text-bottom;}
.join_agree input[type="checkbox"]:checked + label{background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.join_agree span{color: #008ccf; font-size: 12px;}
.join_info > ul{border-top: 2px solid #9b9b9b; border-bottom: 2px solid #9b9b9b;}
.join_info > ul > li{border-bottom: 1px solid #e6e6e6; padding: 9px 0;}
.join_info > ul > li:last-child{border-bottom: none;}
.join_info2 li{float: left;}
.join_info2 li:nth-child(1){width: 148px; text-align: center; font-weight: bold; font-size: 14px; color: #636363; margin-top: 12px;}
.join_info2 input{width: 318px; height: 38px; border: 1px solid #c7c7c7;}
.join_sdesc{font-size: 12px; color: #00a99d; margin-left: 10px;}
.join_info2 .dash{margin: 0 6px;}
.call input{width: 83px;}
.join_info2 select{width: 318px; height: 38px; border: 1px solid #e7e7e7; -webkit-appearance:none;-webkit-border-radius:0; background-image: url(../images/select_down.png); background-position: right center; background-repeat: no-repeat; border-right: none; font-size: 12px; color: #636363; padding-left: 10px;}
.c_join{margin-left: 148px; margin-top: 10px; line-height: 1.5;}
.join_info .join_btn{border: none; margin-top: 10px;}

/****************************** find_id ******************************/

.findid_box{margin: 100px 0; text-align: left; width: 770px; display: inline-block;}
.findid_tit{font-weight: bold; font-size: 21px; color: #373737; margin-bottom: 15px;}
.findid_box table{border-bottom: 2px solid #9b9b9b; border-top: 2px solid #9b9b9b; width: 100%; margin-bottom: 12px;}
.findid_box th{padding-left: 20px; font-weight: bold; font-size: 14px; color: #636363; width: 15%;}
.findid_box td{padding: 10px 0; padding-left: 40px;}
.findid_box td input{height: 38px; width: 50%; border: 1px solid #e6e6e6;}
.findid_box .find_call input{width: 15%;}
.findid_box tr{border-bottom: 1px solid #e6e6e6;}
.findid_box tr:last-child{border-bottom: none;}

/****************************** find_pass ******************************/

.find_question select{height: 38px; -webkit-appearance:none;-webkit-border-radius:0; background-image: url(../images/select_down.png); background-position: right center; background-repeat: no-repeat; width: 50%; padding-left: 10px; font-size: 12px; color: #636363;}

/****************************** view ******************************/

.view_conbox{background-color: #fafafa;}
.view_con{margin-top: 50px;}
.view_tit{padding: 16px 0; border-top: 2px solid #636363; border-bottom: 1px solid #aeaeae; font-weight: bold;font-size: 16px; color: #373737;}
.view_con .press_list{border: none; padding: 0; margin: 0;}
.view_desc{margin-top: 50px!important; line-height: 1.5;}
.view_desc img{display:block;max-width:100%;margin-bottom:25px}
.view_info{margin: 50px 0; border-bottom: 2px solid #636363; border-top: 1px solid #aeaeae; padding: 18px 20px;}
.view_info .view_num{color: #00a99d; margin-left: 20px;}
.view_info p{float: left; width: 30%; font-size: 12px; color: #6f6f6f;}
.view_info p strong{font-size: 12px;}
.view_sdate{ margin-left: 20px; font-size: 12px; color: #9b9b9b;}
.view_btn li a{font-weight: bold; font-size: 16px; color: #373737; padding: 16px; background-color: #fff; border: 1px solid #9b9b9b; border-radius: 10px; margin-bottom: 50px; width: 198px;}
.view_btn li a:hover{background-color: #fff; color: #373737;}

/****************************** tnc ******************************/

.tnc_tit{font-size: 30px; font-weight: bold; text-align: center; margin: 200px 0 100px;}
.tnc_desc{line-height: 1.5;}

.ui-datepicker-month{display: inline-block; margin-left: 10px;}
#intro_vis{background-image: url(../images/intro_vis.png); padding: 6em 0; position: relative;background-position:left center;background-size:cover}