@charset "utf-8";

/*join.php*/
.join_wrap{width:1300px; margin:0 auto; padding:35px 0;}
.join_tltle{font-size:25px; text-align:left; padding:20px 0;}
.join_site, .join_person, .join_etc{padding:30px 0;}
.join_table{border:1px solid #eee; width:960px; margin:0 auto; border-collapse:collapse;}
.join_table caption{font-size:20px; text-align:left; padding-bottom:15px;}
.join_table > tbody > tr > th{font-weight:normal; text-align:right; width:20%; padding:15px; background-color:#f8f8f8; border-bottom:1px solid #eee;}
.join_table > tbody > tr > td{border:1px solid #eee; width:80%; padding:15px;}
.join_table td input{border:1px solid #eee; padding:4px; width:100%;}
.join_adressBtn{display:inline-block; color:#fff; background-color:#454545; border:0; width:15% !important; cursor:pointer; font-size:13px;}
.join_adress{white-space:nowrap; vertical-align:middle; padding-bottom:5px;}
.join_adressInput{width:16% !important;}
.join_checkbox{width:3% !important; display:inline-block; vertical-align:middle; border:0 !important;}
.join_etc span{display:inline-block; vertical-align:middle;}
.join_textarea{width:100%; resize:none; height:200px;}
.join_agree{margin-top:10px;}
.join_button{width:960px; margin:0 auto; padding:30px 0;}
.join_btn{text-align:center;}
.join_btnJoin{width:200px; color:#fff; padding:7px; background-color:#454545; border:none; cursor:pointer; font-size:14px;}
.join_btnCencle{width:200px; color:#ff6622; padding:7px; background-color:#fff; border:1px solid #ff6622; cursor:pointer; font-size:14px;}
.join_btnOut{text-align:right;}
.join_btnOut button{border:1px solid #ff6622; background-color:#f00; color:#fff; padding:5px; cursor:pointer;}
.join_personBtn{background-color:#e3e3e3; border:none; vertical-align:super; cursor:pointer;}
.join_personInput{display:inline-block; width:60% !important; vertical-align:top; margin-top:5px;}
.join_personImg{width:13%;} 
.join_phoneInput{width:10% !important;}
.join_phoneSelect{width:11%; padding:5px;}
.join_redStar{color:#f00; margin-right:3px;}

/*login.php*/
.login_area{width:1300px; margin:0 auto; padding-top:35px; padding-bottom:120px;}
.login_wrap{width:1300px; margin:0 auto;}
.login_tltle{font-size:25px; text-align:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.login_box{border:1px solid #eee;}
.login_radio:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
.login_radio{border-bottom:1px solid #eee;}
.login_radio > div{float:left; width:49%; text-align:center; padding:30px 0;}
.login_radio > div span{display:inline-block; vertical-align:middle;}
.login_radio > div input{vertical-align:bottom; margin-left:10px; width:18px; height:18px;}
.login_content:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
.login_input input{border:1px solid #eee; padding:4px; margin-left:20px; padding:10px;}
.login_content{width:420px; margin:0 auto; padding:100px 0;}
.login_input > div input{float:right;}
.login_input > div span{float:left;}
.login_content span{display:inline-block; vertical-align:middle; margin-top:10px;}
.login_input > div:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.login_password{margin-top:15px;}
.login_btn{text-align:center;}
.login_submit{background-color:#2a2a2a; cursor:pointer; color:#fff; font-size:15px; border:1px solid #2a2a2a; padding:36px 15px; vertical-align:middle;}
.login_text{width:420px; margin:0 auto; padding-bottom:80px;}
.login_text a{color:#454545; font-size:15px;}
.login_textBtn{text-align:center; cursor:pointer; color:#fff !important; font-size:14px !important; background-color:#2a2a2a; padding:10px; float:right;}
.login_find{margin-top:20px;}
.login_text div:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.login_line{background-color:#ec1a23; padding:10px; text-align:center;}
.login_line img{display:inline-block; vertical-align:bottom;}

/*discover.php*/
.discover_area{width:1300px; margin:0 auto; padding-top:35px; padding-bottom:120px;}
.discover_title{font-size:25px; text-align:left; padding-top:20px; padding-bottom:40px;}
.discover_wrap{width:960px; margin:0 auto; border:1px solid #eee;}
.discover_id p, .discover_password p{font-weight:bold; font-size:17px; padding:20px; border-bottom:1px solid #000;}
.discover_con:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
.discover_con{width:420px; margin:0 auto; padding:90px 0;}
.discover_con span{display:inline-block; vertical-align:middle; margin-top:7px;}
.discover_input input{border:1px solid #eee; padding:4px; margin-left:20px;}
.discover_input > div input{float:right;}
.discover_input > div span{float:left;}
.discover_input > div:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.id_findBtn{background-color:#2a2a2a; cursor:pointer; color:#fff; font-size:15px; border:1px solid #2a2a2a; padding:25px 15px; vertical-align:middle;}
.password_findBtn{background-color:#2a2a2a; cursor:pointer; color:#fff; font-size:15px; border:1px solid #2a2a2a; padding:45px 15px; margin-top:-19px; vertical-align:middle;}


/*popup_id*/
.popup_idArea{min-height:500px; width:100%;}
.popup_idTitle{color:#fff; padding:20px; font-size:16px;}
.popup_idText{width:50%; margin:0 auto;}
.popup_idBtn{cursor:pointer; background-color:#fff; border:1px solid #d0211c; color:#d0211c; padding:10px 15px; margin-top:20px; display:inline-block;}
.popup_idText p{margin-top:15px;}

/*support.php*/
.support_area{min-height:500px;}
.support_con{width:1190px; margin:0 auto; padding-bottom:50px;}
.support_conTitle{}
.support_box{text-align:center; border:1px solid #eee; margin-top:30px;}
.support_boxTitle{background-color:#cfcfcf; color:#fff; font-size:16px; padding:7px;}
.support_boxText{padding:15px; font-weight:500; font-size:16px;}
.support_boxText a{color:#d0211c;}

/*product_register.php*/
.register_area{width:1300px; margin:0 auto; padding:50px 0;}
.register_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #eee;}
.register_wrap{width:960px; margin:0 auto;}
.register_inputCon{padding:50px;}
.register_inputCon{text-align:center;}
.register_inputHead{font-size:20px;}
.register_caution{font-size:13px; color:#888888;}
.register_inputBox{padding:40px;}
.register_number{border:1px solid #eee; padding:15px 10px; width:300px;}
.register_btn{padding:14px 50px; color:#fff; background-color:#454545; vertical-align:top; cursor:pointer;}
.register_textCon{padding-top:35px; padding-bottom:35px;}
.register_textCon:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.register_textCon > div{float:left; width:33%;}
.register_textText{font-size:14px;}
.register_textTitle{font-size:20px; padding-bottom:30px; color:#ff4049;}
.register_table{padding-bottom:30px;}
.register_tableCon table{width:100%; margin-top:30px; text-align:center;}
.register_tableCon table td{padding:10px;}
.register_tableCon table, .register_tableCon table td{border:1px solid #eee;}
.register_tableCon p{color:#888888; margin-top:20px;}

/*support_download.php*/
.support_download{width:1300px; margin:0 auto;}
.download_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #eee;}
.support_downloadCon{width:960px; margin:0 auto; padding:50px; text-align:center;}
.download_input{width:300px; padding:15px 5px;  border:1px solid #eee; text-align:center;}
.download_box{padding:50px;}
.download_box div{padding:50px;}
.download_btn a{display:inline-block; width:32%;}
.download_btn img{opacity:0.6;}
.download_box div span{display:block; color:#454545;}
.download_mouse a{display:inline-block; border-right:1px solid #eee; width:10%;}

/*faq.php*/
.support_faq{width:1190px; margin:0 auto; padding:47px 0 100px 0;}
.support_faqCon{width:960px; margin:0 auto; padding:50px;}
.faq_search{padding:100px 0 60px 0; text-align:center;}
.faq_input{border:1px solid #eee; padding:12px 5px; width:400px; font-size:15px;}
.faq_btn{background-color:#ff9800; color:#fff; padding:12px 20px; font-size:14px; vertical-align:top; cursor:pointer; border-radius:5px;}
.faq_list{margin-top:56px;}
.faq_list > ul > li{padding:15px; border-width:0 1px 1px 1px; border-style:solid; border-color:#eee;}
.faq_list > ul > li > a{font-size:14px; color:#000; width:100%;} 
.faq_list > ul > li > a:hover{font-size:15px; color:#f00; width:100%; text-decoration:underline; font-weight:bold;} 
.faq_box{padding:30px 0;}
.faq_tab{position:relative;}
.faq_tab>li>a {
    display:block; 
    position:absolute; 
    top:0; 
    width:325px;
    height:55px;
    line-height:55px;
    text-align:center;
    color:#454545;
	font-size:16px;
	border-bottom:1px solid #9e9e9e; 
	background-color:#fafafa;
	
}

.faq_tab>li.on>a {
	color:#ff9800; 
	font-size:16px; 
	font-weight:bold;
	background-color:#f5f5f5;
}

.faq_tab>li:first-child>a {left:0;}
.faq_tab>li+li>a {left:325px;}
.faq_tab>li+li+li>a {left:650px;}
.faq_tab>li+li+li+li>a {left:975px;}
.faq_tab>li>div {height:0; overflow:hidden; position:absolute; margin-top:34px;}
.faq_tab>li.on>div {height:auto; position:static;}

.closer_btn {margin-top:30px; padding: 5px 10px; border: 0; background: #333; color: #fff; display:block; float:right;}
.con_inner:after{content:''; clear:both; display:block; height:0; visibility:hidden;}

/*support_list.php*/
.list_area{width:1300px; margin:0 auto; position:relative;}
.list_list > ul > li{padding:15px; border-width:0 0px 1px 0px; border-style:solid; border-color:#eee;}
.list_list > ul > li > a{font-size:14px; color:#000; width:100%;} 
.list_title{font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545;}
.list_btnTop{position:absolute; top:75px; right:0; background-color:#000; color:#fff; padding:10px; font-size:13px; border:1px solid #000; border-radius:5px;}
.list_btnTop:hover{background-color:#fff; color:#000; border:1px solid #000;}
.list_btnBottom{position:absolute; top:830px; right:0; background-color:#000; color:#fff; padding:10px; font-size:13px; border:1px solid #000; border-radius:5px;}
.list_btnBottom:hover{position:absolute; top:830px; color:#000; border:1px solid #000;}

/*support_as.php*/
.support_as{width:960px; margin:0 auto; padding:50px 0;}
.support_asCon:after{content:''; clear:both; height:0; visibility:hidden; display:block;}
.as_RequestBtn{background-color:#333333; color:#fff; padding:8px; font-size:13px; border:1px solid #333333; border-radius:5px;}
.as_listBtn{background-color:#fff; color:#333333; border:1px solid #333333; padding:8px; font-size:14px;  border-radius:5px;}
.as_button:link, .as_button:visited{padding:8px; color:#fff; background-color:#454545; border:1px solid #454545; border-radius:5px;}
.as_button:focus, .as_button:hover, .as_button:active{color:#454545; background-color:#fff; border:1px solid #454545;}
.support_asText{font-size: 9pt; line-height: 1.6; width: 100%; letter-spacing: 0px; overflow: hidden; font-family: sans-serif;}
.as_title{font-size:16px !important;}
.support_asBox{margin-top:30px;}
.support_asBox:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.support_asTable{float:left; border-width:1px 0 0 1px; border-style:solid; border-color:#eee;}
.support_asTable td{border-width:0 1px 1px 0; border-style:solid; border-color:#eee; padding:10px; text-align:center;}
.support_asAdress{float:left; margin-top:68px; margin-left:20px; font-size:14px;}
.support_asYellow{color:#ff9800;}
.support_asAgree{padding-top:50px; text-align:center; width:350px; margin:0 auto;}
.support_asAgree table td{font-size:15px; padding:5px;}


/*as_detail.php*/
.as_detail{width:1190px; margin:0 auto; padding:50px 0 70px 0;}
.detail_menu{border-bottom:1px solid #eee; padding:50px 0; text-align:center;}
.detail_menu a{width:18%; display:inline-block;}
.detail_menu span{ display:block; color:#454545; font-size:13px;}
.detail_menu > img{display:inline-block; vertical-align:middle; width:1.3%; margin-top:-80px;}
.detail_menu > a > img{opacity:0.8; }
.detail_listTitle{padding:25px 10px; border-bottom:1px solid #dadada; font-size:19px;}
.detail_box{border-bottom:1px solid #eee;}
.detail_box:after{content:''; clear:both; height:0; visibility:hidden; display:block;}
.detail_box > div{float:left; padding:25px 10px;}
.detail_boxTitle{font-size:21px; margin-bottom:5px; font-weight:bold;}
.detail_boxText{font-size:13px;}
.prev_btn, .next_btn{background-color:#454545; color:#fff; padding:10px; border-radius:4px; font-size:13px; cursor:pointer;}
.as_detailBtn{padding:30px 0;}

/*as_detail2.php*/
.as_typeArea{width:1190px; margin:0 auto; padding:50px 0 70px 0; text-align:center;}
.as_typeArea a{width:20%; display:inline-block;}
.as_typeArea span{display:block; color:#454545; font-size:13px;}

/*as_detail3.php*/
.as_agreement{width:1190px; margin:0 auto;}
.as_agreement table{width:100%;}
.as_agreement table td{padding:10px !important; border-bottom:1px solid #eee; font-size:14px;}
.as_agreement table td, .as_agreement table th{padding:10px 0;}
.as_agreement table th{background-color:#f5f5f5; font-weight:normal; border-bottom:1px solid #eee;  font-size:14px; width:15%;}
.as_agreement table td input, .as_agreement table td select{border:1px solid #eee; padding:10px 5px;}
.as_agreement table td input{width:99%;}
.as_agreement table td textarea{width:100%; height:100px; padding:5px;}

/*as-list.php*/
.as_listTitle{font-size: 25px; text-align: left; padding: 20px 0; }
.as_btnArea{text-align:right; margin:10px 0 30px 0;}
.as_listWrap{width:1160px; margin:0 auto; padding:70px;border:0px solid #e1e1e1; margin-top:40px; margin-bottom:20px;}
.as_listTable table{width:100%; border-top:1px solid #242424; border-bottom:1px solid #f5f5f5; }
.as_listTable table th{background-color:#f8f8f8; padding:10px 0; font-size:13px; color:#000;}
.as_listTable table td{border-top:1px solid #eee; padding:20px 10px; text-align:center; font-size:13px;cursor:pointer;}
.as_listbutton{cursor:pointer; border:1px solid #d0211c; color:#d0211c; padding:8px; background-color:#fff; font-size:13.5px; float:right;}
.as_listBottom{margin-top:15px;}
.as_listBottom:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.as_listSearch{text-align:center;}
.as_listSearch{margin-top:50px;}
.as_listSearch select{padding:5px; border:1px solid #dadada; vertical-align:middle;width:146px;height:35px;}
.as_listInput{border:1px solid #ddd; padding:5px 10px; vertical-align:middle;}
.as_listSearching{background-color:#d0211c; color:#fff; padding:5px 7px; font-size:14px; vertical-align:middle; border-radius:5px; cursor:pointer;}

/*text_board.php*/
.as_listTextArea table{width:100%; }
.as_listTextArea table th{text-align:left; border-bottom:1px solid #ddd; padding:10px 10px; font-size:14px; background-color:#f5f5f5; font-weight:500;}
.detail_boardComent table{width:100%;}
.detail_boardComent th{width:10%; padding:20px; font-weight:normal;  !important; border-bottom:1px solid #eee; font-size:13px; color:#454545;}
.detail_boardComent td{width:90%; padding:20px; border-bottom:1px solid #eee; font-size:14px; color:#454545;}
.detail_boardComent textarea{width:100%; height:70px; padding:15px; border:1px solid #eee;}
.coment_textarea th, .coment_textarea td{background-color:#fff !important; border-bottom:1px solid #ddd !important;}
.coment_button{cursor: pointer; border: 1px solid #d0211c; color: #d0211c; padding:20px; background-color: #fff; font-size: 13.5px;}
.coment_textarea textarea{resize:none;}

/*data.php*/
.data_area{width:1190px; margin:0 auto; padding:50px 0px;}
.data_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #eee; margin-bottom:20px;}
.data_tableTitle{padding:10px 0; color: #454545; font-size: 20px;}
.data_con table{width:100%; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
.data_con table td{border-width:0 1px 1px 0; border-color:#ddd; border-style:solid; padding:10px 0; text-align:center; font-size:14px;}
.table_title{background-color:#c3c3c3; color:#fff; width:10%;}

/*board_writing.php*/
.writing_area{width:1300px; margin:0 auto; padding:50px 0;}
.writing_title{font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #ee          e;}
.writing_textarea{width:95%; margin:0 auto; padding:15px; height:600px; resize:none; font-size:16px; border:1px solid #eee;}
.writing_table table{width:100%; border-width:1px 0 1px 0; border-style:solid; border-color:#454545; margin-top:30px;}
.writing_table table th{width:15%;  padding:15px 0; font-size:15px;  border-bottom:1px solid #fff; background-color:#f5f5f5; color:#454545;}
.writing_table table td{width:85%; padding:15px; font-size:15px; border-bottom:1px solid #eee;}
.writing_tableTitle input{width:95%; border:1px solid #eee; padding:10px; color:#454545; font-size:15px;}
.writing_file input{border:1px solid #eee; padding:10px; width:95%;}
.writing_finishButton{background-color:#000; color:#fff; padding:10px; cursor:pointer; font-size:14px; border-radius:5px; border:1px solid #000;}
.writing_cancleButton{border:1px solid #f00; background-color:#fff; color:#f00; padding:10px; cursor:pointer; font-size:14px; border-radius:5px;}

/*support_listPopup.php*/
.popup_area{width:1300px; margin:0 auto; padding:50px 0;} 
.popup_table table{width:100%; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
.popup_title{font-size:25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545;}
.popup_table td{padding:15px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; color:#454545; font-weight:bold; font-size:13px;}
.popup_table table textarea{resize:none; width:100%; height:100px;}
.input_text{border:1px solid #eee; padding:10px; width:98%;}
.input_phone{width:80px; border:1px solid #eee; padding:10px; text-align:center;}
.phone_select{padding:10px; width:100px;}
.popup_button{background-color:#000; color:#fff; font-size:13px; padding:10px; text-align:center; display:inline-block;  margin:30px 0; width:100px; border:1px solid #000;}
.popup_button:hover{background-color:#fff; color:#000; border:1px solid #000;}

/*account_find*/
.account_area{width:500px; margin:0 auto; text-align:center; padding:50px; background-color:#eee;}
.account_id, .account_password{background-color:#fff; color:#000; padding:20px; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.3);}
.account_area p{font-size:14px; color:#454545; line-height:17px;}
.account_btn{background-color:#fff; color:#000; padding:8px; font-size:15px; border-radius:5px; margin-top:40px; display:inline-block; border:1px solid #000;}
.account_btn:hover{background-color:#000; color:#fff; padding:8px; font-size:15px; border-radius:5px; margin-top:40px; display:inline-block; border:1px solid #000;}

/*join_finish*/
.finish_wrap{width: 1300px; margin: 0 auto; padding-top: 35px; padding-bottom:120px;}
.finish_content{border:1px solid #eee; width: 1300px; margin:0 auto; text-align:center; padding:110px 0;}
.finish_content > p, .finish_content > a{text-align:center;}
.finish_title{font-size: 25px; text-align: left; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.finish_conTitle{font-size:35px; padding-bottom:15px;}
.finish_text1{font-size:25px; padding-bottom:30px;}
.finish_text2{font-size:17px; padding-bottom:10px; padding-top:10px;}
.finish_login_btn{background-color:#000; color:#fff; padding:10px; border:1px solid #000; font-size:15px; width:40%; display:inline-block; margin-top:50px;}
.finish_login_btn:hover{background-color:#fff; color:#000; border:1px solid #000;}

/*orderformDetail.php*/
.advice_wrap{width:1300px; margin:0 auto; padding:50px 0 100px 0;}
.advice_content > table{width:100%; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
.advice_content > table tr td{padding:10px; text-align:center; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; font-size:13px;} 
.advice_textarea{width:97%; resize:none; min-height:100px; padding:10px; font-size:15px;}
.advice_title{font-size: 25px; text-align: left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.td_title{background-color:#eee; color:#454545; font-weight:bold; width:15%;}
.text_doc{padding:15px; color:#000; font-size:15px; min-height:300px; text-align:left !important;}
.advice_btnArea{ padding:20px 0;}
.advice_btnArea:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.advice_btn{background-color:#000; color:#fff; padding:10px; font-size:14px; border:1px solid #000; border-radius:5px;}
.advice_btn:hover{background-color:#fff; color:#000; padding:10px; font-size:14px; border:1px solid #000; }

/*support_as_list*/
.sp_as_listWrap{width:1190px; margin:0 auto; padding:50px 0 100px 0;}
.sp_as_listT{font-size:25px; text-align:left; padding:10px 0; border-bottom:1px solid #dadada;}
.sp_as_list_con:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
