*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#sub_content {
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    max-width: 900px;
    margin: 60px auto;
}
fieldset {
    border:none;
}
@media screen and (max-width: 990px){
    .col-xs-122 {
        display: none;
    }
    .col-xs-12 {
        width: auto;
    }
}
#sub_content{max-width: 600px; margin: 120px auto;    padding-top: 50px;}
#sub_content>.title{text-align: center}
#sub_content>.title h2{margin-bottom: 10px; color: #000000; font-size: 50px; font-weight: bold}
#sub_content>.title h3{line-height: 140%; color: #292e35; font-size: 20px}
#sub_content>.title button.btn-submit {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #ff8900; border: 1px solid #ff8900; padding: 10px 20px 10px 50px; }
#sub_content>.title button.btn-submit:hover {
	background-color: #fff; color: #ff8900; }
#sub_content>.title button.btn-submit > i {
	margin-left: 30px; font-size: 20px; }
	
#sub_content>.title button.btn-submit2 {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #4D4D4D; border: 1px solid #4D4D4D; padding: 10px 20px 10px 50px;}
#sub_content>.title button.btn-submit2 :hover {
	background-color: #fff; color: #4D4D4D; }	
@media screen and (max-width:600px) {
#sub_content>.title button.btn-submit2 {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #4D4D4D; border: 1px solid #4D4D4D; padding: 10px 20px 10px 50px; margin-top: 10px; padding-left: 20px;}
#sub_content>.title button.btn-submit2 :hover {
	background-color: #fff; color: #4D4D4D; }
}
	
	
#sub_content>.title .line{width: 100%; height: 1px; background-color: #00BFA6}
#sub_content .con_box{width: 100%;}
#sub_content .con_box:after{content: ''; display: block; clear: both}
#sub_content .con_box .con_left{max-width: 335px; height: 100%; float: left}
#sub_content .con_box .con_left>p{margin-bottom: 40px}
#sub_content .con_box .con_left ul li{margin-bottom: 10px}
#sub_content .con_box .con_left .emp{color: #f24d36; font-size: 24px}
#sub_content .con_box .con_left .list li{line-height: 75%; color: #666666; font-size: 18px}
#sub_content .con_box .con_left .list li.emp2{color: #2f2f2f; font-size: 20px}
#sub_content .con_box .con_right{max-width: 830px; float: right}
#sub_content .con_box .con_right .con{width: 100%; height: auto; margin-bottom: 60px}
#sub_content .con_box .con_right .con .tit{height: 43px; line-height: 43px; padding: 0 20px; margin-bottom: 30px; float: left; background: url(../img/sub/con_tit_bg.png) repeat center center #ed1b24; color: #ffffff; font-size: 20px; text-align: center}
#sub_content .con_box .con_right .con .tit2{width: 100%; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #a9a9a9; font-size: 24px}
#sub_content .con_box .con_right .con .txt{max-height: 1000px; line-height: 150%; padding-bottom: 35px; clear: both; color: #454545; font-size: 16px; font-weight: bold; text-align: justify}
#sub_content .con_box .con_right .con .txt .emp{color: #ed1b24}
.text-emp{padding: 10px 0; margin-bottom: 20px; border-bottom: 1px dashed #CECECE; font-size: 13px}
@media screen and (max-width:1000px) {
	#sub_content > .title h2{font-size: 26px}
	#sub_content > .title h3{font-size: 13px;     padding-left: 10px;
    padding-right: 10px;}	
}
@media screen and (max-width:1200px) {
	#sub_content{padding: 0 }
	#sub_content .con_box .con_right{max-width: 100%}
}


/* login */
#login_wrap{max-width: 600px; padding: 50px 0}
.login_box{max-width: 600px; margin: 0 auto}
.login_box>h3{font-size: 28px; margin-bottom: 10px}
.login_box>p{line-height: 140%; margin-bottom: 26px; font-size: 13px; color: #6d6d6d}
.login_box input{border: 0; padding: 0; margin: 0; background: none; vertical-align: middle}
.login_box .l_txt, .login_box .l_btn1{width: 100%}
.login_box .l_txt input[type=text]::-o-input-placeholder,
.login_box .l_txt input[type=text]::-ms-input-placeholder,
.login_box .l_txt input[type=text]::-moz-input-placeholder,
.login_box .l_txt input[type=text]::-webkit-input-placeholder{color: #d4d4d4}
.login_box .l_txt input{width: 100%; height: 45px; line-height: 45px; padding-left: 10px; margin-right: 10px; margin-bottom: 7px; border: 1px solid #c3c3c3; display: block; vertical-align: middle; background-color: #ffffff; color: #6E6E6E}
.login_box .l_btn1 input{width: 100%; height: 101px; line-height: 101px; background-color: #464646; border-radius: 5px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer}
.login_box .seek{clear: both; margin-bottom: 7px}
.login_box .seek:after{content: ''; display: block; clear: both}
.login_box .seek .checkbox02{line-height: 32px; float: left; font-size: 13px}
.login_box .seek .seek_span{line-height: 32px;float: left;text-align: center;font-size: 12px;font-weight: bold;}
.login_box .seek .btn_box{float: right}
.login_box .seek .btn_box .l_btn2 a{width: 90px; height: 32px; line-height: 32px; margin-right: 3px; border-radius: 5px; display: block; float: left; background-color: #4D4D4D; text-align: center; color: #ffffff; font-size: 12px}
.login_box .seek .btn_box .l_btn3 a{width: 123px; height: 32px; line-height: 32px; display: block; float: left; background-color: #003184; text-align: center; color: #ffffff; font-size: 12px}
.join_in{max-width: 1200px; padding: 32px 0; margin: 0 auto; background-color: #ebebeb; color: #353535; text-align: center}
.join_in .btn4 a{width: 120px; height: 38px; line-height: 38px; margin: 19px auto 0; border-radius: 5px; display:block; background-color: #646464; color: #ffffff; font-size: 14px; text-align: center}
@media screen and (max-width:1200px) {
	.login_box{padding: 0 15px}	
}
@media screen and (max-width:767px) {
	.join_in{padding-left: 10px; padding-right: 10px}	
}