@charset "utf-8";

/* CSS Document */

@font-face { font-family: '微軟正黑體'; src: url("../fonts/MSJH.TTF"); font-weight: normal; font-style: normal; }

:focus,:focus > img {

    outline: -webkit-focus-ring-color auto 1px !important;

}

html { -webkit-text-size-adjust: none; overflow-x: hidden; }

html.htmloverflow2 { overflow: hidden; position: fixed; width: 100%; height: 100%; }

body { -webkit-text-size-adjust: none; width: 100%; min-width: 320px; /*overflow-x: hidden;*/ overflow-x: initial; }

* { font-size: 16px; color: #131313; margin: 0; padding: 0; font-family: "Microsoft JhengHei","微軟正黑體","Arial"; }

ul, ol, li { margin: 0; padding: 0; list-style-type: none; }

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

div, form, span, dl, dt, dd { border: 0; margin: 0; padding: 0; list-style-type: none; }

img { border: 0; padding: 0; margin: 0; max-width: 100%; height: auto; }

table { border-collapse: collapse; width: 100%; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #333; }

input[type="reset"],

input[type="button"],

input[type="submit"] { -webkit-appearance: none; }

input, button, a {  blr: expression(this.onFocus=this.blur()); }

input:focus, 

textarea:focus { /*-webkit-outline: none; -moz-outline: none; outline: none !important;*/ }

textarea { -webkit-appearance: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-outline: none; -moz-outline: none; outline: none; }

select::-ms-expand { display: none; }

button { border: 0; }

p { padding: 0; margin: 0; }

a { -webkit-outline: none; -moz-outline: none; outline: none; color: #2f3032; text-decoration: none; }

a:hover { color: #2f3032; text-decoration: none; }

/*a:link { color: #2f3032; text-decoration: none; }

a:visited { color: #2f3032; text-decoration: none; }

a:active { color: #2f3032; text-decoration: none; }*/

.fl { float: left; }

.fr { float: right; }

.tar { text-align: right; }

.tal { text-align: left; }

.tac { text-align: center; }

.w10 { width: 10%; } .w15 { width: 15%; } .w16 { width: 16.66%; } 

.w20 { width: 20%; } .w25 { width: 25%; } 

.w30 { width: 30%; } .w35 { width: 35%; } .w33 { width: 33.33%; }

.w40 { width: 40%; } .w45 { width: 45%; } 

.w50 { width: 50%; } .w55 { width: 55%; } 

.w60 { width: 60%; } .w65 { width: 65%; } 

.w70 { width: 70%; } .w75 { width: 75%; } 

.w80 { width: 80%; } .w85 { width: 85%; } 

.w90 { width: 90%; } .w95 { width: 95%; }

.w100 { width: 100%; margin: 0 auto; }

.w750 { width: 750px; margin: 0 auto; }

.w960 { width: 960px; margin: 0 auto; }

.w1070 { width: 1070px; margin: 0 auto; }

.w1136 { width: 1136px; margin: 0 auto; }

.w1170 { width: 1170px; margin: 0 auto; }

.w1200 { width: 1200px; margin: 0 auto; }

.w1280 { width: 1280px; margin: 0 auto; }

.w1366 { width: 1366px; margin: 0 auto; }

.w1440 { width: 1440px; margin: 0 auto; }

.clear:after { content: ""; display: block; height: 0; clear: both; }

.boxsizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ts01 { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }

.ts02 { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }

.ts03 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.ts04 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.ts05 { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.ts06 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.ts07 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .7s ease; }

.ts12 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all 1.2s ease; }

.ts14 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all 1.4s ease; }

.ts16 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all 1.6s ease; }

.ts18 { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all 1.8s ease; }



.main {  }





input[type="text"]:focus, select:focus,input[type="password"]:focus,textarea:focus { border: 2px solid #006e47!important; }







/********************************************/

/*404*/

.site-error { text-align: center; background-color: #f5b406; border-color: #f5b406; padding: 80px 16px; border: 1px solid transparent; border-radius: 4px; width: 800px; max-width: 90%; margin: 180px auto 200px; }

.site-error h1 { font-size: 30px; margin-bottom: 24px; }

.site-error p { font-size: 16px; color: #a94442; }



@media screen and ( max-width:1024px ){ 

	.site-error { margin: 80px auto 200px; }

}

@media screen and ( max-width:996px ){ 

	.site-error { margin: 66px auto 120px; }

}

@media screen and ( max-width:768px ){ 

	.site-error { margin: 36px auto 54px; }

}





/*commonpopup*/

.commonpopup { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

.commonpopup.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } 

.commonpopup_box { position: fixed; top: 50%; left: 50%; z-index: 9; width: 500px; max-width: 90%; height: auto;

	-webkit-transform: translate(-50%,-50%); 

	-moz-transform:translate(-50%,-50%); 

	-ms-transform:translate(-50%,-50%); 

	transform: translate(-50%,-50%);

}

/*.commonpopup_bg { position: relative; padding: 24px 44px; background-color: #fff; }*/

.commonpopup_off { position: absolute; top: 24px; right: 24px; z-index: 9; cursor: pointer; } 

.commonpopup_off:before { content: "\e612"; font-family: "iconfont"!important; font-size: 18px; color: #2f3032;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease;  

}

.commonpopup_off:hover:before { color: #9ca0a6;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}



.register_pop { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.2); overflow: hidden; /*border-bottom: 6px solid #006e47;*/ }

.commonpopup_top { background: url(../img/common/banner.jpg) no-repeat; background-size: auto 100%; height: 110px; background-position: top right; position: relative; margin-bottom: 39px; }

.commonpopup_top i { font-size: 60px; background-color: #fff; border: 3px solid #fff; border-radius: 100px; line-height: 1em; text-align: center; display: block; color: #006e47; position: absolute; left: 50%; bottom: -39px; margin-left: -39px; padding: 6px; }

.commonpopup_top i:before { line-height: 1em; display: block; }





.register_pop_txt { padding: 30px 36px 88px; }

.register_pop_form { padding: 30px 36px 44px; }

.register_pop_txt span { font-size: 30px; display: block; text-align: center; }





.register_pop_form .form_row { float: none; padding: 0; margin-bottom: 12px; }

.register_pop_form .form_password { border-radius: 6px; height: 44px; }



.register_pop_form .form_row label { font-size: 14px; margin-bottom: 6px; }



.register_pop_form_btn { text-align: center; }

.register_pop_form_btn a { display: inline-block; line-height: 44px; padding: 0 30px; border-radius: 5px; background-color: #006e47; color: #fff; font-weight: 700; }











/*language*/

.language { display: inline-block; vertical-align: top; }

.language dl { height: 20px; line-height: 22px; position: relative; z-index: 9999; cursor: pointer; margin: 4px 0 0; }

.language dt { position: relative; padding-right: 20px; color: #006e47; font-size: 18px; font-weight: 700; cursor: pointer; }

.language dt > a { color: #006e47; font-size: 18px; font-weight: 700; cursor: pointer; }

.language dd { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background-color: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,.3); margin-top: 4px; display: none; padding: 4px 0; text-align: center; }

.language dd a { display: block; padding: 0 8px; }

.language i { position: absolute; top: 0; right: 0; z-index: -1; color: #bcc9d8; }

.language i:before { color: #006e47; display: block; text-align: center; }

.language dt:hover { color: #006e47; }

.language dt:hover > a{ color: #006e47; }

.language ul { margin-bottom: 0; padding-left: 0; }





.header_search { margin-right: 22px; position: relative; }

.header_search_btn { display: block; width: 22px; height: 22px;cursor: pointer }

.header_search_btn i { font-size: 22px; font-weight: 700; color: #ef692c; display: block; line-height: 1em; }

.header_search.active > a { display: none; }

.header_search.active i { display: block; }

.header_search.active:before { content: "Close"; line-height: 16px; display: block; color: #009b86; font-weight: 700; }

.header_search_box { position: absolute; top: 100%; left: 0; margin-top: 6px; padding-right: 10px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

.header_search_box div { border: 2px solid #009b86; border-radius: 4px; position: relative; width: 160px; height: 28px; overflow: hidden; padding: 0 10px 0 36px; background-color: #fff; }

.header_search_box div button { position: absolute; top: 0; left: 0; bottom: 0; width: 36px; line-height: 22px; display: block; background-color: transparent; border: 0; text-align: center; cursor: pointer; }

.header_search_box div button i { font-size: 14px; }

.header_search_box div input { width: 100%; height: 100%; display: block; border: 0; font-size: 14px; }

.header_search_box.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; }





.header_search_box div input[type="text"]:focus { border: 0!important; }





.header_ig { margin-right: 22px; position: relative; }









/***********page***********/

/*1*/

/*.page { text-align: center; }

.page a { background-color: #fff; font-size: 20px; line-height: 36px; padding: 0 13px; margin: 0 5px; display: inline-block; box-shadow: 0 1px 1px rgba(0,0,0,.15); font-family: "Arial"; }

.page a:hover, 

.page a.active { background-color: #2f3032; color: #fff; }

.page a.prev { padding: 0 12px; margin-right: 30px; }

.page a.next { padding: 0 12px; margin-left: 30px; }

.page a.prev1 { margin-right: 5px; padding: 0 8px; }

.page a.next1 { margin-left: 5px; padding: 0 8px; }

.page a.prev:after,

.page a.prev:before,

.page a.next:after,

.page a.next:before { font-family: "iconfont"!important; font-weight: 700; color: #9ca0a6; font-size: 16px; }

.page a.prev:hover:after,

.page a.prev:hover:before,

.page a.next:hover:after,

.page a.next:hover:before { color: #fff; }

.page a.prev:after { content: "\e6ca"; }

.page a.next:after { content: "\e6cb"; }

.page a.prev1:before { content: "\e6ca"; margin-right: -8px; }

.page a.next1:before { content: "\e6cb"; margin-right: -8px; }*/



.page { text-align: center; }

.page a { background-color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; margin: 0 2px; display: inline-block; box-shadow: 0 1px 1px rgba(0,0,0,.15); font-family: "Arial"; }

.page a:hover, 

.page a.active { background-color: #2f3032; color: #fff; }

.page:after { content: ""; clear: both; display: block; height: 0; }

.page .page_list { display: inline-block; vertical-align: top; }



.page .page_prev { display: inline-block; vertical-align: top; margin-right: 10px; }

.page .page_next { display: inline-block; vertical-align: top; margin-left: 10px; }



.page .page_prev a,

.page .page_next a { padding: 0 9px; margin: 0; }



.page .page_prev a.prev1 { margin-right: 5px; padding: 0 6px; }

.page .page_next a.next1 { margin-left: 5px; padding: 0 6px; }



.page .page_prev a:after,

.page .page_prev a:before,

.page .page_next a:after,

.page .page_next a:before { font-family: "iconfont"!important; font-weight: 700; color: #9ca0a6; font-size: 13px; }



.page .page_prev a:hover:after,

.page .page_prev a:hover:before,

.page .page_next a:hover:after,

.page .page_next a:hover:before { color: #fff; }



.page .page_prev a:after { content: "\e6ca"; }

.page .page_next a:after { content: "\e6cb"; }



.page .page_prev a.prev1:before { content: "\e6ca"; margin-right: -8px; }

.page .page_next a.next1:before { content: "\e6cb"; margin-right: -8px; }





/*2*/

/*.page { text-align: center; }

.page a { font-size: 18px; line-height: 1em; padding: 0 8px 0 2px; display: inline-block; font-family: "Arial"; color: #898989; border-right: 1px solid #898989; }

.page a:nth-child(2) { padding-left: 8px;  border-left: 1px solid #898989; }

.page a:hover, 

.page a.active { color: #2f3032; }

.page a.prev { padding: 0 2px; margin-right: 20px; border-right: 0; }

.page a.next { padding: 0 2px; margin-left: 20px; border-right: 0; }

.page a.prev1 { margin-right: 5px; padding: 0 2px; }

.page a.next1 { margin-left: 5px; padding: 0 2px; }

.page a.prev:after,

.page a.prev:before,

.page a.next:after,

.page a.next:before { font-family: "iconfont"!important; font-weight: 700; color: #9ca0a6; font-size: 16px; }

.page a.prev:hover:after,

.page a.prev:hover:before,

.page a.next:hover:after,

.page a.next:hover:before { color: #2f3032; }

.page a.prev:after { content: "\e6ca"; }

.page a.next:after { content: "\e6cb"; }

.page a.prev1:before { content: "\e6ca"; margin-right: -8px; }

.page a.next1:before { content: "\e6cb"; margin-right: -8px; }*/



/*.page { text-align: center; line-height: 1em; }

.page > div, .page a { display: block; line-height: 16px; vertical-align: top; }

.page a:hover, 

.page a.active { color: #2f3032!important; }

.page:after { content: ""; clear: both; display: block; height: 0; }

.page .page_list { display: inline-block; vertical-align: top; }

.page .page_list a { font-size: 16px; padding: 0 8px 0 0; margin: 0 2px; display: inline-block; font-family: "Arial"; color: #898989; border-right: 1px solid #898989; }

.page .page_list a:last-child { border-right: 0; padding-right: 0; }



.page .page_prev { display: inline-block; vertical-align: top; margin-right: 10px; }

.page .page_next { display: inline-block; vertical-align: top; margin-left: 10px; }



.page .page_prev a,

.page .page_next a { margin: 0; font-size: 16px; line-height: 16px; display: inline-block; font-family: "Arial"; }



.page .page_prev a.prev1 { margin-right: 5px; padding: 0 6px; }

.page .page_next a.next1 { margin-left: 5px; padding: 0 6px; }



.page .page_prev a:after,

.page .page_prev a:before,

.page .page_next a:after,

.page .page_next a:before { font-family: "iconfont"!important; font-weight: 700; color: #9ca0a6; font-size: 13px; }



.page .page_prev a:hover:after,

.page .page_prev a:hover:before,

.page .page_next a:hover:after,

.page .page_next a:hover:before { color: #2f3032!important; }



.page .page_prev a:after { content: "\e6ca"; }

.page .page_next a:after { content: "\e6cb"; }



.page .page_prev a.prev1:before { content: "\e6ca"; margin-right: -8px; }

.page .page_next a.next1:before { content: "\e6cb"; margin-right: -8px; }*/











.form_item { margin: 0 -22px; }

.form_item:after { content: ""; clear: both; height: 0; display: block; }

.form_row { float: left; padding: 0 22px; margin-bottom: 24px;

	-webkit-box-sizing: border-box; 

	-moz-box-sizing: border-box; 

	box-sizing: border-box;

} 

.form_row > .form_row { padding: 0 5px; }

.form_row > .form_row:first-child { padding-left: 0; }

.form_row > .form_row:last-child { padding-right: 0; }

.form_row > label { line-height: 1em; display: block; font-size: 18px; font-weight: 700; margin-bottom: 12px; }



.form_code, 

.form_input, 

.form_password { border: 1px solid #2f3032; padding: 0 16px; height: 36px; position: relative; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.form_code i, 

.form_input i, 

.form_select i,

.form_password i,

.form_textarea i { position: absolute; top: 50%; right: 16px; z-index: 1; font-size: 12px; line-height: 1em; display: block; margin-top: -6px; 

	-webkit-transform: scale(.8); 

	-moz-transform: scale(.8); 

	-ms-transform: scale(.8); 

	-o-transform: scale(.8); 

	transform: scale(.8);

}

.form_select select,

.form_textarea textarea,

.form_code input[type="text"], 

.form_input input[type="text"], 

.form_input input[type="password"],

.form_password input[type="password"] { border: 0; width: 100%; display: block; height: 100%; background-color: transparent; position: relative; z-index: 2; }

.form_password input[type="text"] { border: 0; width: 100%; display: block; height: 100%; background-color: transparent; position: relative; z-index: 2; }



.form_code { margin-right: 116px; }

.form_code_img { position: absolute; top: 0; right: -116px; width: 100px; height: 36px; }

.form_code_img img { width: auto; height: 100%; display: block; margin: 0 auto; }

.form_select { border: 1px solid #2f3032; height: 36px; position: relative; background-color: #fff; }

.form_select select { padding: 0 16px; }



.form_textarea { border: 1px solid #2f3032; padding: 16px; position: relative; background-color: #fff; height: 120px; }



.form_code.disabled, 

.form_input.disabled, 

.form_password.disabled,

.form_textarea.disabled,

.form_select.disabled { border-color: #9ca0a6; background-color: #dbdde1; }



.form_btn { }



input[type='checkbox'], input[type='radio'] { width: 16px; height: 16px; position: relative; background: transparent; border: 0; outline: none; vertical-align: middle; cursor: pointer; margin-right: 8px;

	-webkit-appearance: none; 

	-moz-appearance: none; 

	appearance: none;

}

input[type='checkbox']:checked:after, input[type='radio']:checked:after { content: ""; position: absolute; top: 2px; left: 5px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; width: 4px; height: 8px; border-color: #fff;

	-webkit-transform: rotate(45deg); 

	transform: rotate(45deg);

}

input[type='checkbox']:before, input[type='radio']:before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border: 1px solid #2f3032; border-radius: 3px; box-sizing: border-box;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

input[type='checkbox']:hover:before, input[type='radio']:hover:before { background-color: #f4f5f6;

	 -webkit-transform: scale(1.2); 

	-moz-transform: scale(1.2); 

	-ms-transform: scale(1.2); 

	-o-transform: scale(1.2); 

	transform: scale(1.2);

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

input[type='checkbox']:checked:before, input[type='radio']:checked:before { background-color: #2f3032!important; border-color: #2f3032!important;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

input[type='checkbox']:disabled, input[type='radio']:disabled { cursor: default; }

input[type='checkbox']:disabled:before, input[type='radio']:disabled:before { background-color: #dbdde1; border-color: #9ca0a6; }

input[type='checkbox']:disabled:hover:before, input[type='radio']:disabled:hover:before { background-color: #dbdde1;

	 -webkit-transform: scale(1); 

	-moz-transform: scale(1); 

	-ms-transform: scale(1); 

	-o-transform: scale(1); 

	transform: scale(1);

}

.form_choice label,

.form_choice2 label { cursor: pointer; line-height: 36px; display: inline-block; margin-right: 16px; }

.form_choice label input[type="text"],

.form_choice2 label input[type="text"] { margin-left: 10px; }

.form_choice2 input[type='radio']:before { border-radius: 100%; }

.form_choice2 input[type='radio']:checked:before { background-color: #fff!important; }

.form_choice2 input[type='radio']:checked:after { border: 0; width: 8px; height: 8px; background: #2f3032; border-radius: 100%; top: 50%; left: 50%; margin: -4px 0 0 -4px; }

























/******************************************/

.common_line { width: 44px; height: 5px; display: block; background-color: #006e47; }



.commonbtn, .commonbtn2, .commonbtn3 { cursor:pointer;line-height: 38px; padding: 0 16px; border-radius: 5px; background-color: #006e47; display: inline-block; color: #fff; font-weight: 700; font-size: 14px; border: 2px solid #006e47; }

.commonbtn:after { 

	content: ""; width: 14px; height: 14px; background-size: 100% 100%; background: url(../img/common/commonbtn-icon2.png) no-repeat; display: inline-block; vertical-align: top; margin: 12px 0 0 20px; 

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

} 

.commonbtn2:before { 

	content: ""; width: 14px; height: 14px; background-size: 100% 100%; background: url(../img/common/commonbtn-icon4.png) no-repeat; display: inline-block; vertical-align: top; margin: 12px 20px 0 0; 

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

.commonbtn:hover, .commonbtn2:hover { background-color: transparent; color: #006e47; }

.commonbtn:hover:after { margin-left: 10px; background: url(../img/common/commonbtn-icon2-2.png) no-repeat;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commonbtn2:hover:before { background: url(../img/common/commonbtn-icon4-2.png) no-repeat;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}

.commonbtn3 i { font-size: 14px; margin-right: 10px; color: #fff; font-weight: normal; }

.commonbtn3:hover { color: #fff; }













/*team*/

.team { padding: 80px 0 160px; }

.team h3 { font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 36px; color: #006e47; }



.team .common_line { margin-bottom: 30px; }

.team_row span { display: block; margin-bottom: 6px; font-size: 18px; }



.team_row:last-of-type span { display: block; }

.team_row:first-of-type { margin-bottom: 80px; }















/*event_details*/

.event_details { padding: 54px 0 160px; }

.event_details_return { margin-bottom: 36px; }



.event_details_l { float: left; width: 830px; }

.event_details_l_box { padding-right: 30px; }

.event_details_l_box .common_line { margin: 30px 0; }

.event_details_l_box > img { display: block; width: 100%; }

.event_details_l_box > h3 ,
.event_details_l_box > h2 { font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 24px; color: #006e47; }

.event_details_l_box > p { font-size: 18px; line-height: 1.8em; margin-bottom: 24px; }

.event_details_notice { background-color: #f7f7f7; padding: 30px 24px 30px 66px; position: relative; margin-bottom: 54px; }

.event_details_notice img { position: absolute; top: 30px; left: 24px; }

.event_details_notice h3 { font-size: 20px; color: #006e47; font-weight: 700; line-height: 1em; margin-bottom: 10px; }

.event_details_notice span { display: block; color: #1a3740; margin-bottom: 10px; }

.event_details_notice span:last-of-type { margin-bottom: 0; }



.event_details_r { float: right; width: 370px; padding-top: 74px; }

.event_details_r ul { border: 1px solid #e6e6e6; padding: 30px; }

.event_details_r ul li { background-color: #f7f7f7; margin-bottom: 12px; position: relative; padding: 12px 20px 12px 56px; }

.event_details_r ul li:last-child { margin-bottom: 0; }

.event_details_r ul li img { position: absolute; top: 12px; left: 20px; }

.event_details_r ul li h3 { font-size: 20px; color: #006e47; font-weight: 700; line-height: 1em; margin-bottom: 10px; }

.event_details_r ul li span { display: block; color: #1a3740; }



.event_details_btn .commonbtn3 { float: right; background-color: #006e47; }



.event_details_l_box .event_details_btn { padding-top: 16px; }











/*event_preview*/

.event_preview { padding: 54px 0 160px; }

.event_preview ul li { background-color: #fafff7; margin-bottom: 24px; border: 1px solid #e9e9e9; }

.event_preview ul li > div { padding: 16px; overflow: hidden; }

.event_preview ul li > div > div { float: left; }

.event_preview ul li:nth-child(even) > div > div.event_preview_img { float: right; }



.event_preview_img { width: 40%; overflow: hidden; }

.event_preview_img img { display: block;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}



.event_preview ul li > div:hover .event_preview_img img { 

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

	-webkit-transform: scale(1.1); 

	-moz-transform: scale(1.1); 

	-ms-transform: scale(1.1); 

	-o-transform: scale(1.1); 

	transform: scale(1.1);

}



.event_preview_txt1 { width: 35%; height: 272px; display: table; position: relative; }

.event_preview_txt1 > div { padding: 0 16px; display: table-cell; vertical-align: middle; }

.event_preview_txt1 > div:after { content: ""; position: absolute; top: -16px; right: 0; bottom: -16px; background-color: #e9e9e9; display: block; width: 1px; }

.event_preview_txt1 > div h2 { font-size: 24px; font-weight: 700; margin-bottom: 34px; }
.event_preview_txt1 > div h3 { font-size: 24px; font-weight: 700; margin-bottom: 34px; }

.event_preview_txt1 > div a { line-height: 38px; padding: 0 16px; border-radius: 5px; border: 2px solid #006e47; display: inline-block; font-weight: 700; font-size: 16px; color: #006e47; margin: 0 10px 6px 0; }

.event_preview_txt1 > div a i { color: #006e47; line-height: 1em; font-weight: normal; }

.event_preview_txt1 > div a i.iconjmore { margin-left: 10px; }

.event_preview_txt1 > div a i.iconxingzhuangjiehe { margin-right: 10px; color: #006e47; }

.event_preview_txt1 > div a:hover { background-color: #006e47; color: #fff; }

.event_preview_txt1 > div a:hover i { color: #fff; }

.event_preview_txt1 > div a:nth-of-type(2) { border-color: #006e47; color: #006e47; margin-right: 0; }

.event_preview_txt1 > div a:nth-of-type(2):hover { background-color: #006e47; color: #fff; }

 

.event_preview_txt2 { width: 25%; text-align: center; height: 272px; display: table; }

.event_preview_txt2 > div { display: table-cell; vertical-align: middle; }

.event_preview_txt2 > div > div { display: inline-block; text-align: left; }

.event_preview_txt2 span { display: block; line-height: 20px; position: relative; padding-left: 36px; margin-bottom: 24px; }

.event_preview_txt2 span img { width: auto; height: 20px; display: block; position: absolute; top: 0; left: 0; }

.event_preview_txt2 span:last-child { margin-bottom: 0; }











/*event_ng*/

.event_ng { padding: 80px 0 100px; }

.event_ng .news_top ul li:first-child { width: 100%; }



.event_ng_list ul li { float: left; height: 230px!important; overflow: hidden; /*width: 33.33%;*/ }

.event_ng_list ul li a { /*margin: 0 15px 30px;*/ display: block; position: relative; }



.event_ng_list ul li a > img { display: block; }

.event_ng_list .news_top_txt { padding: 12px; }

.event_ng_list ul li a:hover .news_top_txt { background: url(../img/common/commonbtn-bg2.png) no-repeat; background-size: 130% 100%; }

.event_ng_list ul li a:hover img {

	-webkit-transform: scale(1.1); 

	-moz-transform: scale(1.1); 

	-ms-transform: scale(1.1); 

	-o-transform: scale(1.1); 

	transform: scale(1.1);

}



.event_ng_list .news_top_txt span{display: block;}

/**/

.event_ng_details .common_line,

.news_details_box .common_line { margin-bottom: 30px; }


.news_details_box > h2,
.event_ng_details > h2,
.news_details_box > h3,
.event_ng_details > h3 { font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 24px; color: #006e47; }

.event_ng_details > p { font-size: 18px; line-height: 1.8em; margin-bottom: 24px; }



.event_ng_details_video .slide a { display: block; height: 240px; background-color: #000; }

.event_ng_details_video .slide a video { display: block; height: 100%; }

.event_ng_details_video .slide:last-child { margin-right: 0!important; }

.event_ng_details_video .bx-default-pager { display: none; }

.event_ng_details_video:after { content: ""; width: 100%; height: 3px; display: block; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; margin: 30px 0 36px; }



.event_ng_details_video .index_banner { position: relative; }

.event_ng_details_video .bx-controls-direction a { position: absolute; top: 50%; z-index: 99; background-color: rgba(114,188,67,.85); width: 48px; height: 96px; display: block; margin-top: -48px; font-size: 0; }

.event_ng_details_video .bx-controls-direction a:before { content: ""; width: 28px; height: 8px; display: block; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -14px; }

.event_ng_details_video .bx-controls-direction a:hover { background-color: rgba(114,188,67,1); }

.event_ng_details_video .bx-prev { left: 0!important; border-radius: 0 48px 48px 0; }

.event_ng_details_video .bx-next { right: 0!important; border-radius: 48px 0 0 48px; }

.event_ng_details_video .bx-prev:before { background: url(../img/common/common-icon1.png) no-repeat; background-size: 100% 100%; }

.event_ng_details_video .bx-next:before { background: url(../img/common/common-icon2.png) no-repeat; background-size: 100% 100%; }



.event_ng_details_bottom { padding-top: 44px; } 

.event_ng_details_share:after { content: ""; width: 100%; height: 3px; display: block; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; margin: 44px 0; }

.event_ng_details_page a { color: #006e47; display: block; line-height: 1em; }

















/*contact*/

.contact { padding: 80px 0 150px; }

.contact .common_line { margin-bottom: 24px; }

.contact h2,
.contact h3 { color: #006e47; font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 30px; }
.contact h2 span,
.contact h3 span { color: #006e47; font-size: 20px; font-weight: 700; }



.contact_row1 { margin-bottom: 80px; }

.contact_row1 div { font-weight: 700; font-size: 18px; margin-bottom: 6px; }

.contact_row1 div span { color: #006e47; font-size: 18px; }

.contact_row1 div:last-child { margin-bottom: 0; }





.contact .form_code, 

.contact .form_input, 

.contact .form_password { border-radius: 6px; border-color: #555555; height: 48px; }

.contact .form_textarea { border-radius: 6px; border-color: #555555; }



.contact .form_code { margin-right: 360px; }

.contact .form_code_img span { position: absolute; top: 50%; left: 100%; margin-left: 12px; white-space: nowrap; display: block;

	-webkit-transform: translateY(-50%); 

	-moz-transform: translateY(-50%); 

	-ms-transform: translateY(-50%); 

	transform: translateY(-50%); 

}

.contact .form_row > label { font-weight: normal; }

























/*news*/

.news { padding: 54px 0 80px; background-color: #f7f7f7; }

.news_top ul { margin: 0 -3px 44px; }

.news_top ul li { float: left; width: 25%; }

.news_top ul li:first-child { width: 50%; }

.news_top ul li a { display: block; position: relative; margin: 3px; overflow: hidden; }

.news_top ul li a:hover img {

	-webkit-transform: scale(1.1); 

	-moz-transform: scale(1.1); 

	-ms-transform: scale(1.1); 

	-o-transform: scale(1.1); 

	transform: scale(1.1);

}



.news_top_img img { display: block; width: 100%; }



.news_top_txt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 6; background: url(../img/common/commonbtn-bg1.png) no-repeat; background-size: 130% 100%; padding: 16px; }

.news_top_txt h3,
.news_top_txt h2 { font-size: 16px; font-weight: 700; color: #fff; }

.news_top_txt span { display: none; color: #fff; line-height: 1em; font-size: 12px; padding-top: 6px; }



.news_top ul li:first-child .news_top_txt { padding: 30px; }

.news_top ul li:first-child .news_top_txt h3,
.news_top ul li:first-child .news_top_txt h2 { font-size: 26px; }

.news_top ul li:first-child .news_top_txt span { display: block; font-size: 16px; }



.news_top ul li a:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(255,255,255,.88); opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

.news_top_more { 

	position: absolute; top: 50%; left: 0; right: 0; z-index: 2; text-align: center; font-size: 20px; font-weight: 700; color: #1AA170; line-height: 1em; opacity: 0; filter: alpha(opacity=0); visibility: hidden;

	-webkit-transform: translateY(-50%); 

	-moz-transform: translateY(-50%); 

	-ms-transform: translateY(-50%); 

	transform: translateY(-50%); 

}

.news_top_more img { width: auto; height: 20px; display: block; margin: 16px auto 0; }







.news_top ul li a:hover:after { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.news_top ul li a:hover .news_top_more { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.news_top ul li a:hover .news_top_txt { display: none; }







.news_list ul { margin: 0 -16px; }

.news_list ul li { float: left; width: 33.33%; }

.news_list ul li > div { margin: 0 16px 32px; }



.news_list_img a { position: relative; display: block; }

.news_list_img a > img { display: block; width: 100%; }

.news_list_img a:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(255,255,255,.88); opacity: 0; filter: alpha(opacity=0); visibility: hidden; }



.news_list_img a span { 

	position: absolute; top: 50%; left: 0; right: 0; z-index: 2; text-align: center; font-size: 20px; font-weight: 700; color: #1AA170; line-height: 1em; opacity: 0; filter: alpha(opacity=0); visibility: hidden; display: block;

	-webkit-transform: translateY(-50%); 

	-moz-transform: translateY(-50%); 

	-ms-transform: translateY(-50%); 

	transform: translateY(-50%); 

}

.news_list_img a span img { width: auto; height: 20px; display: block; margin: 16px auto 0; }





.news_list_txt { padding: 24px 20px; background-color: #fff; }

.news_list_txt h3 { font-size: 18px; font-weight: 700; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 12px; border-bottom: 2px solid #006e47; }

.news_list_txt p { 

	font-size: 16px; color: #999; line-height: 1.4em; height: 44px; overflow: hidden; margin: 12px 0 24px; vertical-align: top;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.news_list_txt span { font-size: 14px; line-height: 1em; display: block; text-align: right; color: #999; }



.news_list ul li:hover .news_list_img a:after { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.news_list ul li:hover .news_list_img a span { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.news_list ul li:hover .news_list_txt { background-color: #dee6d7; }











.brief-target .brief-intro p { color: #fff; }













/*poster*/

.poster { padding: 80px 0 140px; }

.poster_box { float: left; width: 50%; }

.poster_box > div { margin: 0 7px; }



.poster_pic { box-shadow: 0 2px 6px rgba(0,0,0,.2); padding: 10px; }

.poster_pic div { margin-bottom: 10px; overflow: hidden; }

.poster_pic div img { display: block; width: 100%; }

.poster_pic div:last-child { margin-bottom: 0; }

.poster_pic div:hover img { 

	-webkit-transform: scale(1.1); 

	-moz-transform: scale(1.1); 

	-ms-transform: scale(1.1); 

	-o-transform: scale(1.1); 

	transform: scale(1.1);

}



.poster_txt div,

.poster_txt span { font-size: 28px; line-height: 1em; font-weight: 700; color: #006e47; display: inline-block; vertical-align: top; position: relative; margin-right: 30px; }

.poster_txt a { background-color: #006e47; font-size: 18px; font-weight: 700; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 6px; display: inline-block; vertical-align: top; border: 2px solid #006e47; }

.poster_txt a i { font-size: 12px; color: #fff; line-height: 40px; vertical-align: top; margin-left: 8px; 
	-webkit-transform: scale(.8); 
	-moz-transform: scale(.8); 
	-ms-transform: scale(.8); 
	-o-transform: scale(.8); 
	transform: scale(.8);
}

.poster_txt a:hover { background-color: transparent; color: #006e47; }

.poster_box:nth-child(1) { padding-bottom: 88px; position: relative; }

.poster_box:nth-child(1) .poster_txt div:before { content: "\e6ce"; font-family: "iconfont"!important; font-size: 16px; color: #006e47; position: absolute; left: 50%; margin-left: -8px; bottom: 100%; margin-bottom: 16px; display: block; line-height: 1em; }



.poster_box:nth-child(1) .poster_txt div:after { content: ""; width: 90%; height: 4px; background-color: #006e47; display: block; margin: 12px 5% 0; }

.poster_box:nth-child(1) .poster_txt { position: absolute; left: 0; bottom: 0; }







.poster_box:nth-child(2) { text-align: right; padding-top: 120px; }

.poster_box:nth-child(2) .poster_txt { margin-bottom: 44px; }

.poster_box:nth-child(2) .poster_txt div:after { content: "\e6c7"; font-family: "iconfont"!important; font-size: 16px; color: #006e47; position: absolute; left: 50%; margin-left: -8px; top: 100%; margin-top: 10px; display: block; line-height: 1em; }



.poster_box:nth-child(2) .poster_txt div:before { content: ""; width: 90%; height: 4px; background-color: #006e47; display: block; margin: 0 5% 12px; }















/**/

.register-agreement-box-btn{cursor: pointer;}

input[type='checkbox'].register-agreement-box-btn:checked:after, 

input[type='radio'].register-agreement-box-btn:checked:after { top: 4px; left: 8px; }

















/*member*/

.member { /*background-color: #eaf5e3;*/ padding: 80px 0; /*background: url(../img/common/commonbtn-bg5.jpg) repeat-y;*/ }

.member.member_bg { /*background-color: #eaf5e3;*/ background: none; }

.register-main-area .form-group .form-select select { border-radius: 100px; height: 40px; }



.member > div { position: relative; z-index: 2; }

 

.member_menu_btn { display: none; }



.member_menu ul { padding-left: 10px; }

.member_menu ul li { float: left; position: relative; }

.member_menu ul li a { display: block; position: relative; padding-right: 54px; }

.member_menu ul li a span { font-size: 22px; font-weight: 700; color: #006e47; line-height: 54px; display: block; position: relative; z-index: 3; padding: 0 16px; }

.member_menu ul li.active { position: relative; z-index: 9; }

.member_menu ul li.active a span { background-color: #006e47; color: #fff; }



.member_menu ul li a:after { content: ""; width: 54px; height: 60px; display: block; background: url(../img/common/member-menu-icon-n1r.png) no-repeat; background-size: auto 60px!important; background-position: bottom left!important; position: absolute; bottom: 0; right: 0; }

.member_menu ul li a:before { content: ""; width: 54px; height: 60px; position: absolute; bottom: 0; background-size: auto 60px!important; background-position: bottom right!important; display: none; }



.member_menu ul li:first-child a { padding-left: 54px; }

.member_menu ul li:first-child a:before { background: url(../img/common/member-menu-icon-f1l.png) no-repeat; left: 0; display: block; }

.member_menu ul li:last-child a:after { background: url(../img/common/member-menu-icon-l1r.png) no-repeat;  }



.member_menu ul li.active a:before { background: url(../img/common/member-menu-icon-n2l.png) no-repeat; right: 100%; display: block; }

.member_menu ul li.active a:after { background: url(../img/common/member-menu-icon-n2r.png) no-repeat; }



.member_menu ul li:last-child.active a:after { background: url(../img/common/member-menu-icon-l2r.png) no-repeat; }

.member_menu ul li:first-child.active a:before { background: url(../img/common/member-menu-icon-f2l.png) no-repeat; }



.member_menu ul li a span:before { content: ""; width: 100%; height: 60px; background: url(../img/common/member-menu-icon-bg1.png) no-repeat; background-size: 100% 100%!important; display: block; position: absolute; bottom: 0; left: 0; z-index: -1; }

.member_menu ul li.active a span:before { background: url(../img/common/member-menu-icon-bg2.png) no-repeat; }





html[lang="en-US"] .member_menu ul li a span{font-size: 15px;}









.member_con { background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2); border-top: 6px solid #006e47; border-radius: 10px; }

.member_update { padding: 30px 80px 80px; }

.member_update_box .register-main-area { width: auto; padding: 44px 0 10px; border-bottom: 1px solid #e3e3e3; }

.member_update_box .register-main-area:nth-child(1) { padding-top: 0; }

.member_update_box .register-main-area:nth-child(3) { border-bottom: 0; }







.member_update_title { color: #006e47; font-size: 24px;  font-weight: 700; line-height: 1.2em; margin-bottom: 44px; }

.member_update .register-opreate a { width: 150px; line-height: 44px; text-align: center; font-size: 18px; font-weight: 700; outline: none; border: none; color: #fff; border-radius: 3px; display: inline-block; background-color: #006e47; }

.member_update .register-opreate a:first-child { background-color: #b6b6b6; margin-right: 10px; }







.member_update_top:after { content: ""; width: 100%; height: 3px; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; display: block; margin: 44px 0; }

.member_update_top > div { display: table; width: 100%; }

.member_update_top > div span { display: table-cell; vertical-align: bottom; font-size: 32px; font-weight: 700; color: #006e47; line-height: 1em; }

.member_update_top > div img { display: table-cell; margin-left: auto; }





.member_enroll { margin: 36px 15px 0; padding: 0 15px 36px; height: 550px; overflow-y: auto; }

.member_enroll .event_preview { padding: 0; }



/*.member_enroll .event_preview_img { width: 30%; }

.member_enroll .event_preview_txt1 { width: 45%; }

.member_enroll .event_preview_txt2 { width: 25%; }*/



.member_receiving { margin: 54px 22px 54px 44px; padding-right: 22px; overflow-y: auto; max-height: 500px; }

.member_receiving ul { }

.member_receiving ul li { margin-bottom: 36px; }

.member_receiving ul li:last-child { margin-bottom: 0; }

.member_receiving ul li > div { display: table; }

.member_receiving ul li > div > div { display: table-cell; vertical-align: middle; }

.member_receiving_txt { position: relative; padding-left: 44px; }

.member_receiving_txt a { float: left; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 700; line-height: 24px; display: block; }

.member_receiving_txt p { float: left; max-width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 24px; padding-left: 4%; }





.member_receiving_icon { width: 22px; height: 24px; display: block; background: url(../img/common/member-receiving-icon1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; }





.member_receiving_time { width: 160px; }

.member_receiving_time span { display: block; text-align: right; }







.member_record_details { padding: 44px 44px 150px; }

.member_record_details_return { margin-bottom: 44px; }



.member_record_details_con { display: table; width: 100%; }

.member_record_details_con > div { display: table-cell; vertical-align: middle; }



.member_record_details_img { width: 420px; padding-right: 44px; }

.member_record_details_img img { display: block; width: 100%; }



.member_record_details_txt h3 { font-size: 24px; font-weight: 700; margin: 24px 0; }

.member_record_details_time { line-height: 24px; color: #666; margin-bottom: 24px; }

.member_record_details_time:before { content: ""; width: 26px; height: 24px; display: inline-block; background: url(../img/common/event-details-icon1.png) no-repeat; background-size: 100% 100%; vertical-align: top; margin-right: 10px; }



.member_record_details_btn a { display: inline-block; vertical-align: top; line-height: 32px; border: 2px solid #006e47; padding: 0 10px; border-radius: 5px; margin-bottom: 16px; }

.member_record_details_btn a.mrdb_btn1 { color: #006e47; margin-right: 12px; }

.member_record_details_btn a.mrdb_btn2 { border-color: #006e47; color: #006e47; }

.member_record_details_btn a.mrdb_btn3 { background-color: #006e47; color: #fff; }

.member_record_details_btn a:before { content: ""; width: 23px; height: 18px; display: inline-block; margin-right: 4px; margin-top: 7px; vertical-align: top; }

.member_record_details_btn a.mrdb_btn1:before { background: url(../img/common/member-record-details-icon2.png) no-repeat; background-size: auto 100%; }

.member_record_details_btn a.mrdb_btn2:before { background: url(../img/common/member-record-details-icon4.png) no-repeat; background-size: auto 100%; }

.member_record_details_btn a.mrdb_btn3:before { background: url(../img/common/member-record-details-icon6.png) no-repeat; background-size: auto 100%; }



.member_record_details_btn a.mrdb_btn1:hover { background-color: #006e47; color: #fff; }

.member_record_details_btn a.mrdb_btn1:hover:before { background: url(../img/common/member-record-details-icon3.png) no-repeat; background-size: auto 100%; }

.member_record_details_btn a.mrdb_btn2:hover { background-color: #006e47; color: #fff; }

.member_record_details_btn a.mrdb_btn2:hover:before { background: url(../img/common/member-record-details-icon5.png) no-repeat; background-size: auto 100%; }

.member_record_details_btn a.mrdb_btn3:hover:before { background: url(../img/common/member-record-details-icon6.png) no-repeat; background-size: auto 100%; }







.member_receiving_details { margin: 44px 27px 44px 54px; }



.member_receiving_details .nicescroll { padding-right: 27px; height: 450px; }



.member_receiving_details_time span { color: #666; display: block; line-height: 1em; }

.member_receiving_details_time:after { content: ""; width: 100%; height: 3px; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; display: block; margin: 30px 0; }

.member_receiving_details_txt h3 { font-size: 18px; font-weight: 700; margin-bottom: 30px; }

.member_receiving_details_txt p { line-height: 2em; margin-bottom: 30px; }











.member_card { /*background: url(../img/common/commonbtn-bg5.jpg) no-repeat;*/ padding: 44px 66px; position: relative;

	background: -webkit-linear-gradient(top, #ffffeb, #daea91);

    background: -moz-linear-gradient(top, #ffffeb, #daea91);

    background: -o-linear-gradient(top, #ffffeb, #daea91);

    background: linear-gradient(to bottom, #ffffeb, #daea91);

}

.member_card .member_update_top:after {  background: url(../img/common/commonbtn-bg3.png) no-repeat; margin: 30px 0; }



.member_card:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url(../img/common/commonbtn-bg6.png) no-repeat; background-size: 100% auto; background-position: left bottom; }

.member_card > div { position: relative; z-index: 2; }



.member_card_con { display: table; width: 100%; }

.member_card_con > div { display: table-cell; vertical-align: middle; }



.member_card_l { width: 250px; }

.member_card_l > div { width: 250px; height: 250px; border-radius: 500px; display: block; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.2); }

.member_card_l > div img { display: block; width: 100%; }

.member_card_l > div:hover img { 

	-webkit-transform: scale(1.1); 

	-moz-transform: scale(1.1); 

	-ms-transform: scale(1.1); 

	-o-transform: scale(1.1); 

	transform: scale(1.1);

}



.member_card_c { padding: 0 54px; }

.member_card_c span { display: block; font-size: 20px; font-weight: 700; line-height: 1em; margin-bottom: 30px;

	text-shadow: 2px 2px #fff;

	text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; 

}

.member_card_c a { display: inline-block; vertical-align: top; line-height: 36px; padding: 0 10px; border-radius: 5px; margin-bottom: 16px; background-color: #006e47; color: #fff; }

.member_card_c a:first-of-type { margin-right: 10px; }

.member_card_c a img { display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 6px; }





.member_card_r { width: 210px; }

.member_card_r > div { padding: 2px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.2); overflow: hidden; }

.member_card_r img { display: block; }







.member_record_details_pic h3 { font-size: 24px; font-weight: 700; line-height: 1em; margin-bottom: 24px; }



.member_record_details_pic #div_imgfile { cursor: pointer; display: inline-block; background-color: #f7f7f7; width: 80px; }

.member_record_details_pic #div_imgfile img { display: block; width: 100%; }

.member_record_details_pic #div_imgfile:hover { box-shadow: 0 0 6px rgba(0,0,0,.12); }



.member_record_details_pic #div_imglook { display: block; }

.member_record_details_pic #div_imglook .lookimg { float: left; width: auto; height: 130px; position: relative; margin: 0 24px 24px 0; border: 1px solid #999; }

.member_record_details_pic #div_imglook .lookimg img { width: auto; height: 100%; display: block; }

.member_record_details_pic #div_imglook .lookimg_delBtn { position: absolute; top: -10px; right: -10px; font-size: 0; display: block!important; width: 24px; line-height: 24px; height: 24px; text-align: center; border-radius: 100px; background-color: #006e47; cursor: pointer; }

.member_record_details_pic #div_imglook .lookimg_delBtn:before { 

	content: "\e612"; font-family: "iconfont"!important; display: block; color: #fff; font-size: 12px; line-height: 24px; font-weight: 700;

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}

.member_record_details_pic #div_imglook .lookimg_delBtn:hover:before { opacity: .5; filter: alpha(opacity=50);

	-webkit-transition: all .3s ease; 

	-moz-transition: all .3s ease; 

	-ms-transition: all .3s ease; 

	-o-transition: all .3s ease; 

	transition: all .3s ease; 

}



.member_record_details_pic input[type="file"] { opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; }





















/*login*/

.login { padding: 150px 0; }

.login_box {  }



.login_top { text-align: center; margin-bottom: 66px; }

.login_top > div { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); display: inline-block; border-radius: 100px; }

.login_top > div a { float: left; display: block; line-height: 66px; padding: 0 30px; border-radius: 100px; font-size: 22px; font-weight: 700; color: #006e47; }

.login_top > div a.active { background-color: #006e47; color: #fff; }



.login_title { text-align: center; margin-bottom: 36px; }

.login_title h2 { font-size: 36px; font-weight: 700; line-height: 1em; color: #006e47; margin-bottom: 30px; }

.login_title span { display: block; line-height: 1em; font-size: 18px; font-weight: 700; }

.login_title span a { color: #006e47; display: inline-block; line-height: 1em; vertical-align: top; font-size: 18px; font-weight: 700; }

.login_title span.login_forget_span { line-height: 1.4em; width: 300px; margin: 0 auto; }



.login_form { width: 400px; max-width: 94%; margin: 0 auto; }

.login_form .form-group { display: block; margin-bottom: 20px; }

.login_form .form-group .form-label { display: block; font-size: 18px; font-weight: 700; line-height: 1em; margin-bottom: 14px; }

.login_form .form-group .form-input input { width: 100%; box-shadow: 0 0 6px rgba(0,0,0,.2); }



.login_form .form-group-code { display: flex; }

.login_form .form-group-code > div:nth-child(2) { padding-left: 16px; }

.login_form .form-group-code > div:nth-child(2) img { height: 40px; display: inline-block; vertical-align: top; }

.login_form .form-group-code > div:nth-child(2) span { line-height: 40px; display: inline-block; vertical-align: top; padding-left: 6px; }



.login_form .register-opreate { text-align: center; padding-top: 16px; }

.login_form .register-opreate-btn { width: 100%; display: block; line-height: 40px; text-align: center; border-radius: 4px; font-size: 18px; font-weight: 700; color: #fff; background-color: #006e47; box-shadow: 0 0 6px rgba(0,0,0,.2); border: 2px solid #006e47; }

.login_form .register-opreate-link { font-size: 18px; font-weight: 700; line-height: 1em; }

.login_form .register-opreate-link a { font-size: 18px; font-weight: 700; line-height: 1em; display: inline-block; color: #006e47; margin: 16px 8px 0; }

.login_form .register-opreate-btn:hover { background-color: transparent; color: #006e47; }































/**************************************/

.commonbg { position: relative;

	background: -webkit-linear-gradient(top, #ffffeb, #daea91);

    background: -moz-linear-gradient(top, #ffffeb, #daea91);

    background: -o-linear-gradient(top, #ffffeb, #daea91);

    background: linear-gradient(to bottom, #ffffeb, #daea91);

}

.commonbg:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url(../img/common/commonbtn-bg6.png) no-repeat; background-size: 100% auto; background-position: left bottom; }



.commonbg > div { position: relative; z-index: 2; }



















/********暫時********/

.event_preview ul li { border: 0; }

.event_preview_txt1 > div:after { display: none; }







/****************/

.event_details_btn .commonbtn3 { background-color: #006e47; }

.event_details_btn .commonbtn3:hover { background-color: #006e47; }



.login_title { display: none; }





.privacy-statement { padding: 80px 0; }

.privacy-statement .common_line { margin-bottom: 24px; }

.privacy-statement > div { margin-bottom: 66px; }

.privacy-statement > div:last-of-type { margin-bottom: 0; }


.privacy-statement h2,
.privacy-statement h3 { color: #006e47; font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 24px; }





.register-main-area .form-date { position: relative; }

.register-main-area .form-date .form-input input { background-color: transparent; width: 272px!important; }

.register-main-area .form-date .form-date-icon { width: auto!important; margin: -13px 0 0!important; position: absolute; top: 50%; right: 14px; z-index: -1; }

.register-main-area .form-date .form-date-icon img { width: auto; height: 26px!important; display: block; }





@media screen and ( max-width:540px ){ 

	

	.register-main-area .form-date .form-date-icon { left: 232px; right: 0; }

	

	

}







.register.step1,

.register.step2,

.register.step3,

.register.step4 { position: relative; z-index: 1; }

.register.step1:after,

.register.step2:after,

.register.step3:after,

.register.step4:after { content: ""; width: 1920px; height: 100%; position: absolute; top: 0; left: 50%; z-index: -2; margin-left: -960px; 

    background: -webkit-linear-gradient(top, #ffffeb, #daea91);

    background: -moz-linear-gradient(top, #ffffeb, #daea91);

    background: -o-linear-gradient(top, #ffffeb, #daea91);

    background: linear-gradient(to bottom, #ffffeb, #daea91);

}

.register.step1:before,

.register.step2:before,

.register.step3:before,

.register.step4:before { content: ""; width: 1920px; height: 100%; display: block; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -960px; background: url(../img/common/commonbtn-bg6.png) no-repeat; background-size: 100% auto; background-position: left bottom; }



.register.step1 .register-nav,

.register.step2 .register-nav,

.register.step3 .register-nav,

.register.step4 .register-nav { background-color: transparent; }





.register.step1 .register-main-area,

.register.step2 .register-main-area,

.register.step3 .register-main-area,

.register.step4 .register-main-area { background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2); border-top: 6px solid #006e47; border-radius: 10px; padding: 80px 24px; }



































/********************************/

.brief-txt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.brief-title {

  line-height: 1;

  margin-bottom: 45px;

  font-size: 28px;

  color: #006e47;

}



.brief-intro {

  margin-bottom: 50px;

}



.brief-intro p { font-size: 18px; line-height: 2.7em; }



.brief-bg .brief-intro { margin-right: 66px; }



.brief-line {

  width: 50px;

  height: 5px;

  background-color: #006e47;

}



.brief-bg {

  padding: 80px 0px;

}



.brief-bg .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.brief-bg .brief-txt {

  padding-left: 0px;

}



.brief-bg .brief-cover {

  margin-left: auto;

}

.brief-bg .brief-cover img { max-width: inherit; }



.brief-target {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  max-width: 1920px;

  /*min-width: 1200px;*/

  height: 760px;

  margin: 0 auto;

}



.brief-target .brief-target-cover {

  width: 915px;

  height: 100%;

}



.brief-target .brief-target-cover img {

  display: block;

  height: 100%;

}



.brief-target .brief-txt {

  position: absolute; left: 570px; right: 0; top: 100px; bottom: 100px;

  margin: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

 /* width: 1346px;*/

  /*height: 580px;*/

  padding: 0 44px 0 160px;

  color: #fff;

  background-color: #006e47;

}



.brief-target .brief-txt .brief-title {

  color: #fff;

}



.brief-target .brief-txt .brief-line {

  background-color: #fff;

}



.brief-hd {

  /*display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-width: 1200px;

  padding: 110px 0 130px 150px;*/

	padding: 120px 0;

}



/*.brief-hd .container {

  width: 1050px;

}*/



.brief-hy {

  /*min-width: 1200px;*/

  position: relative;

  height: 640px;

  background: url(../img/brief/b3.jpg) no-repeat;

  background-size: cover;

}



.brief-hy .brief-txt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: absolute;

  /*height: 450px;*/

  left: 570px; right: 0;

  /*width: calc(100% - 570px);*/

  bottom: 0px;

  padding: 80px 44px 80px 160px;

  background-color: #fff;

}



.brief-glwyy {

  /*min-width: 1200px;*/

  padding: 140px 0 190px;

}



@media screen and (max-width: 768px) {

  .brief-target .brief-txt {

    right: 0px;

  }

}

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





.has-error{color: #9b0909;}

.register-next,.register-cancel,.register-prev{cursor: pointer;}



.work-video iframe{border: 0;width: 100%;}

.work-video .work-video-top{margin-bottom: 15px;}

.work-video .work-video_top_img{display: inline-block; width: 49.5%; float: left;}

.work-video .work-video_top_txt{display: inline-block; width: 49.5%; float: right;}





.work-video .work-video_list li{background-color:unset; width: 33.333%; display: inline-block; /*padding-left: 10px*/}

.work-video .work-video_list li:nth-child(3n + 1){padding-left: 0px;}













/*know*/

.know { padding: 80px 0 120px; }



.know_top > div { display: table; width: 100%; }

.know_top_video { display: table-cell; width: 47.5%; vertical-align: top; }

.know_top_video video { display: block; background-color: #000; }

.know_top:after { content: ""; width: 100%; height: 3px; display: block; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; margin: 44px 0; }



.know_top_txt { display: table-cell; width: 52.5%; vertical-align: top; padding-left: 54px; padding-bottom: 36px; position: relative; }

.know_top_txt > a { font-size: 24px; font-weight: 700; color: #006e47; display: block; margin-bottom: 30px; }

.know_top_txt > span { font-size: 18px; line-height: 1.8em; display: block; overflow: hidden; text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical; 

}

.know_share { position: absolute; bottom: 0; left: 54px; }

.know_share span { float: left; display: block; line-height: 32px; padding-right: 12px; }

.know_share a { float: left; display: block; margin-right: 8px; }

.know_share a img { display: block; width: 100%; }

.know_share:after { content: ""; clear: both; display: block; height: 0; }



.know_list ul { margin: 0 -13px; padding-bottom: 20px; }

.know_list ul:after { content: ""; clear: both; display: block; height: 0; }

.know_list ul li { float: left; width: 33.33%; }

.know_list ul li > div { margin: 0 13px 44px; }

.know_list_video video { display: block; width: 100%; height: 230px; background-color: #000; }

.know_list_title a { display: block; font-size: 18px; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; font-weight: 700; }

.know_list_title a:hover { color: #006e47; }







.work-video { padding: 80px 0 120px; }



.work-video .work-video-top ul li { display: table; width: 100%; }

.work-video .work-video_top_img { display: table-cell; width: 47.5%; vertical-align: top; }

.work-video .work-video_top_img iframe { display: block; width: 100%; height: 300px; background-color: #000; }

.work-video .work-video-top:after { content: ""; width: 100%; height: 3px; display: block; background: url(../img/common/commonbtn-bg3.png) no-repeat; background-size: 100% 100%; margin: 44px 0; }



.work-video .work-video_top_txt { display: table-cell; width: 52.5%; vertical-align: top; padding-left: 54px; padding-bottom: 36px; position: relative; }

.work-video .work-video_top_txt > a { font-size: 24px; font-weight: 700; color: #006e47; display: block; margin-bottom: 30px; }

.work-video .work-video_top_txt > span { font-size: 18px; line-height: 1.8em; display: block; overflow: hidden; text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical; 

}

.know_share { position: absolute; bottom: 0; left: 54px; }

.know_share span { float: left; display: block; line-height: 32px; padding-right: 12px; }

.know_share a { float: left; display: block; margin-right: 8px; }

.know_share a img { display: block; width: 100%; }

.know_share:after { content: ""; clear: both; display: block; height: 0; }



.work-video .work-video_list ul { margin: 0 -13px; padding-bottom: 20px; }

.work-video .work-video_list ul:after { content: ""; clear: both; display: block; height: 0; }

.work-video .work-video_list ul li { float: left; width: 33.33%; }

.work-video .work-video_list ul li > div { margin: 0 13px 44px; }

.work-video .work-video_img iframe { display: block; width: 100%; height: 230px; background-color: #000; }

.work-video .work-video_txt a { display: block; font-size: 18px; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; font-weight: 700; }

.work-video .work-video_txt a:hover { color: #006e47; }

































































.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {

    display: table;

    content: " ";

}



.row {

    margin-right: -15px;

    margin-left: -15px;

    float: left;

    width: 100%;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}

@media (min-width: 992px){

	.col-md-3 {

	    width: 25%;

	}

	.col-md-9 {

	    width: 75%;

	}

	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

	    float: left;

	}

}



.hide {

    display: none !important;

}



.commonpopup_footer{padding: 10px 15px; text-align: center;}

.commonpopup_footer .btn-confirm{padding: 10px 15px; background: #006e47;}



.input-group {

    position: relative;

    display: table;

    border-collapse: separate;

}

.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0;

}



.input-group .form-control, .input-group-addon, .input-group-btn {

    display: table-cell;

}

.input-group-addon, .input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle;

}

.input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 4px;

}

.input-group-addon:first-child {

    border-right: 0;

}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}













/**/

select { -webkit-appearance: inner-spin-button; -moz-appearance: inner-spin-button; appearance: inner-spin-button; }

.input-group .form-control { border-radius: 100px!important; }

/*.btn.btn-search.input-group-addon { padding: 9px 20px; margin: 0 30px 0 6px; width: auto; }*/



.register.step1 .register-main-area > div.form-school { display: block; }

.register.step1 .register-main-area > div.form-school > div:nth-child(1) .form-group .form-input { position: relative; margin-right: 6px;

	-webkit-box-flex: inherit; 

	-ms-flex: inherit;

	flex: inherit;  

}

.register.step1 .register-main-area > div.form-school > div:nth-child(1) .form-group .input-group-addon { position: absolute; top: 2px; right: 2px; z-index: 9; margin: 0; border-radius: 0 100px 100px 0; padding: 7px 20px; width: auto; }

.register.step1 .register-main-area > div.form-school > div:nth-child(2) { padding-left: 0;  }

.register.step1 .register-main-area > div.form-school > div:nth-child(2) .form-select input { border-radius: 100px; width: 275px; height: 40px; padding: 0 12px; border: 1px solid #ddd; }

.register.step1 .register-main-area > div:nth-child(4) > div:nth-child(1) .has-error.has-error-xing,

.register.step1 .register-main-area > div:nth-child(4) > div:nth-child(1) .has-error.has-error-ming { display: inline-block; width: 110px; }



.register-agreement .register-agreement-main .register-agreement-box { display: block!important; }



.register-main-area .form-img-opreate .form-img-btns { padding-left: 15px; }

.register-main-area .form-img-opreate .form-img-btns p { width: 166px; font-size: 14px; }

.register-main-area .form-img-opreate .form-img-btns button { margin-left: 0; margin-top: 15px; }







.register.step1 .form-group,

.register.step2 .form-group,

.register.step3 .form-group,

.register.step4 .form-group { 

	-webkit-box-align: normal;

    -ms-flex-align: normal;

    align-items: normal;

}

.register.step1 .form-group .form-label,

.register.step2 .form-group .form-label,

.register.step3 .form-group .form-label,

.register.step4 .form-group .form-label { margin-top: 6px; }





.register-opreate-btn{cursor: pointer;}







input[name="id_card"],

span[data-fill="id_card"]{text-transform:capitalize;}









.search_list_txt { padding: 24px 20px; background-color: #fff; }

.search_list_txt h3 { font-size: 18px; font-weight: 700; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 12px; border-bottom: 2px solid #006e47; }

.search_list_txt p { 

	font-size: 16px; color: #999; line-height: 1.4em; height: 44px; overflow: hidden; margin: 12px 0 24px; vertical-align: top;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.high-light{font-weight: bold; color: #006e47;}

















.register-agreement-note { margin-bottom: 40px; }

.register-agreement-note > div:first-child { margin-bottom: 20px; font-size: 24px; color: #006e47; }

.register-agreement-note > h2.note-title { margin-bottom: 20px; font-size: 24px; color: #006e47; }



.member_record_details_pic li { width: 25%; display: inline-block;}







.customs .customs-btm .customs-btm-video img { display: block!important; width: 100%; }





.online-img1-video,

.online-img1-video img { height: auto!important; }





.wacgaa { display: none; }



.footer-copyright { position: relative; }

.footer-copyright > p { position: absolute; top: 0; right: 24px; height: 100%; font-size: 14px; margin: 0; line-height: 33px; }

.footer-copyright > p img { width: auto; height: 100%; display: inline-block; margin-right: 6px; vertical-align: top; }











/*20210622*/



.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card { box-shadow: none!important; }

.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card .customs-intro-subbtm { display: block!important; }

.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card .customs-intro-subbtm .customs-intro-readmore { text-align: center; }

.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card .customs-intro-subbtm .customs-intro-date { display: block; text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 10px; }



.online .online-txt2 { vertical-align: middle; }







.online .online-txt2 .readmore { text-align: center!important; margin-bottom: 10px; }

.online .online-txt2 .online-user { display: none; }

.online .online-txt2 .online-intro { display: block; text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 10px!important; }







.customs .customs-btm { margin-bottom: 66px; }



.customs .customs-btm .customs-btm-video-box { width: 750px!important; }



.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card { margin-bottom: 0!important; }



















/****************************/

/*.member { display: none; }*/

.current { margin-bottom: 36px; }



html[lang="en-US"] .register-teenagers-step-opt ul li i { font-size: 14px; }



#contact-form .form_textarea > textarea{max-width: 100%;}

.btn-cancel{padding: 10px 15px;}



.event_details_share{position: absolute; top: 30px;  left: 0px;}

.event_details_share a > img{position: relative; display: inline-block; padding-right: 5px;}



.header-personal{position: relative;}

.header-personal > ul{

    position: absolute;

    top: 30px;

    width: 160px;

    left: 0;

    right: 0;

    z-index: 999;

    background-color: #fff;

    box-shadow: 1px 1px 4px rgb(0 0 0 / 30%);

    margin-top: 4px;

    display: none;

    padding: 4px 0;

    text-align: center;

}









.news_details_box p > a { color: #006e47; }

















/**/

.committee_table { padding: 54px 0; }

.committee_table h2 { font-size: 26px; font-weight: 700; line-height: 1em; margin-bottom: 20px; color: #006e47; }

.committee_table ul li { display: table; width: 100%; margin-bottom: 2px; }

.committee_table ul li > div { display: table-cell; background-color: #006e47; padding: 10px 16px; }

.committee_table ul li > div p { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.2em; display: block; padding: 4px 0; }



.committee_table ul li > div:first-child { width: 180px; }





.btn-play{

    padding: 5px 8px;

    color: #000;

    background: #EFEFEF;

    border-radius: 5px;}





@media screen and ( max-width:480px ){ 

	

	.committee_table { padding: 36px 0; }

	.committee_table h2 { font-size: 20px; }

	.committee_table ul li > div { padding: 6px; }

	.committee_table ul li > div p { font-size: 14px; }

	.committee_table ul li > div:first-child { width: 110px; }

	

}



/* .login_form .register-opreate-btn, */

.language dt > a,

.language i:before { color: #006e47; }









/* .login_form .register-opreate-btn, */
.language dt > a,
.language i:before { color: #006e47; }



.event_preview_txt1 > div a { border-color: #006e47; color: #006e47; }
.event_preview_txt1 > div a:hover { background-color: #006e47; }


.login_form .form-group .form-input input { box-shadow: none; border: 1px solid #555555; }



.register-main-area .register-opreate a,
.register-main-area .form-img-opreate .upload-btn-img { border: 2px solid #006e47!important; }
.register-main-area .register-opreate a:hover,
.register-main-area .form-img-opreate .upload-btn-img:hover { background-color: transparent; color: #006e47; }

.register-main-area .register-opreate .register-cancel { border-color: #565656!important; }
.register-main-area .register-opreate .register-cancel:hover { color: #565656; }

.register-main-area .register-opreate a.register-prev { border-color: #00997a!important; }
.register-main-area .register-opreate a.register-prev:hover { color: #00997a; }






















































