@charset "utf-8";

/**************************************
	URL       : http://cyberstep.com/kdj/
	Copyright : CyberStep
	Name      : support.css
	Ver       : 1.0
	file      : support/
**************************************/

/* index ---------------------------------
--------------------------------- index */

/* ==========================================
	Contents
========================================== */
h2 {
	background: url(../../../common/images/support/sprite_support.png) 0px 0px no-repeat;
}

/* Button */
.btn {
	background-color: #00174D;
}
.btn:hover {
	background-color: #004DFF;
}

.bg_category {
	background-image: url(../../../common/images/bg_sprite.png);
	background-position: -2880px bottom;
}

/* ==========================================
	FAQ
========================================== */
.announce .tabs .tab_selected a {
	border-top-color: #004DFF;
}
.announce .content_announce .items_announce {
	margin: 30px 0px;
	background: none;
}
.announce .content_announce .items_announce span {
	padding: 5px;
	background: #002780;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}

/* list */
.topic_faq .announce .content_announce .head_announce:hover { background: none; }

.announce .tabs { margin-bottom: 30px; }

.announce .content_announce .items_announce .faq_subject { width: 740px; }
.announce .content_announce .head_announce .faq_subject { width: 750px; }


/* frame */
iframe { border: none; }

/* ==========================================
	SUPPORT
========================================== */
.mail_contents { width:742px !important;}
.mail_contents h4 { 
	border-bottom: 1px solid #767676;
	font-size: 142%;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.mail_contents .ttl_mail {
	height:43px;
	border:none;
	padding:0;
	line-height:43px;
	text-indent:62px;
	margin-bottom:6px;
	background: url(../../../common/images/support/h5_mail.png) 0px -42px no-repeat;
}
.mail_contents .other_contact { margin-top:70px;}
.mail_contents .other_contact_link {
	margin:0 20px;
	}
.mail_contents .other_contact_link li {
	float:left;
	width:330px;
	margin:5px 10px;
	}
.mail_contents .other_contact_link a {
	background: url(../../../common/images/support/h5_mail.png) no-repeat 0 0;
	border-right:1px solid #ccc;
	color:#000;
	font-weight:700;
	height: 42px;
	line-height: 42px;
	margin-bottom: 6px;
	text-indent: 62px;
	display:block;
	width:330px;
	border-radius:4px;
	}
.mail_contents .other_contact_link a:hover {
	background-position: 0 -42px;
	color:#fff;
	border-right:1px solid #888;
	}
.mail_contents .basic { width:740px;}
.nextform {
    float: left;
    text-align: right;
    width: 50%;
}
.backform {
    float: left;
    text-align: left;
    width: 50%;
}
.nextform .btn { display:inline; margin-right:10px;}
.backform .btn { display:inline; margin-left:10px;}