@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td { margin: 0; padding: 0; line-height: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 300; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { font-family: 'Open Sans', sans-serif; }
html, html a { -webkit-font-smoothing: antialiased !important; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; }
p { padding: 0; margin: 0; }
img { border: none; }
.wrapper { width:100%; margin: 0 auto !important; position: relative !important; padding-left:10px; }
.leftContainer { float: left; }
.rightContainer { float: right; margin-right:107px; }
.centerContainer { display: table; margin: 0 auto; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
.mobile { display:none;}
.Block { display:block !important;}

body { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color: #000; background:#ededed; width: 100%; margin: 0; padding: 0; }
#main {}
header { border-bottom:1px solid #d4d4d3; padding:20px 0 20px 0; line-height:100%;}
.logo {}
.logoTitle { margin:8px 0 8px 32px; padding:10px 0 10px 32px; font-size:16px; color:#323232; border-left:1px solid #d0d0d0;}
.logoTitle strong { font-weight:800;}
#contentContainer {}
.formItem { margin:0 0 20px 0; font-size:12px; color:#494949;}
.loginContainer { width:470px; margin:45px auto 0 auto;} 
.txtBox { color:#747474; font-size:18px; color:#747474; font-family: 'Open Sans', sans-serif; padding:15px 20px; width:calc(100% - 40px); border:none; border-bottom:3px solid #dadada; display:block; line-height:100%;}
.btnRed { background:#c7000c; color:#fff; -webkit-appearance: none;-moz-appearance: none; appearance: none; font-size:20px; font-weight:800; line-height:100%; padding:15px 25px; display:table; border:none; cursor:pointer; }
.btnRed:hover { background:#fff; color:#c7000c; border:1px solid #c7000c; } 
input[type="checkbox"] { margin:0 5px 0 0; display:block; float:left; }

.contentTopContainer { background:#d8d8d8;}
.contentContainer {}
.fontSizeContainer {  font-size:18px; color:#3b3b3b; font-weight:bold; margin:0 25px 0 0;}
.fontSizeContainer a { color:#3b3b3b; margin:0 0 0 3px; padding:18px 10px; background:#cccccc; float:left;}
.btnLogOut { font-size:18px; font-weight:800; margin:15px 0 0 0; line-height:100%; cursor:pointer;}
.btnLogOut a { color:#d70c0c; background:url(../images/btn-logout.png) left center no-repeat; padding:0 0 0 35px;}
.btnLogOut input{ cursor:pointer; }
.chatContentContainer { padding:0 20px 0 0;}

.title { padding:20px 0 0 0;}
.title strong { font-weight:800;}
.chatAskItem { margin:35px 0 0 0; width:100%;}
.chatAskItem .name { float:left; margin:18px 0 0 0; color:#323232; font-weight:600; font-size:12px;}
.chatAskItem .chatBalloon { float:left; display:block; line-height:100%; padding:15px 20px 10px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position: relative; background: #c5c5c5; margin:0 0 0 20px; max-width:55%; }
.chatAskItem .chatBalloon:before {content:' '; position:absolute; width:0; height:0; left:-6px; top:22px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:6px solid #c5c5c5; }
.chatAskItem .chatBalloon p { padding:0 0 15px 0; line-height:120%;}
.chatAskItem .chatBalloon i { color:#6b6b6b; font-size:11px; font-style:normal; display:block; text-align:right; line-height:100%;}

.chatAnswerItem { margin:35px 0 0 0; width:100%;}
.chatAnswerItem .name { float:right; margin:18px 0 0 0; color:#323232; font-weight:600; font-size:12px;}
.chatAnswerItem .chatBalloon { float:right; display:block; line-height:100%; padding:15px 20px 10px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position: relative; background: #fff; margin:0 20px 0 0; max-width:55%;}
.chatAnswerItem .chatBalloon:before {content:' '; position:absolute; width:0; height:0; right:-6px; top:22px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:6px solid #fff; }
.chatAnswerItem .chatBalloon p { padding:0 0 15px 0; line-height:120%;}
.chatAnswerItem .chatBalloon i { color:#6b6b6b; font-size:11px; font-style:normal; display:block; text-align:right; line-height:100%;}

.chatAskTextBox { border:1px solid #cacaca; background:#fff; padding:20px; margin:35px 0 0 0;}
.chatAskTxtBox { border:none; background:none; padding:0 50px; float:left; width:calc(100% - 100px - 38px); font-size:16px; color:#727272; font-weight:300;}
.btnAsk { background:url(../images/btn-ask.png) no-repeat; width:38px; height:38px; border:none; cursor:pointer;}

@media only screen and (max-width: 799px) {
    .wrapper {	width:90%; }
	.loginContainer { width:100%;}
}
@media only screen and (max-width: 639px) {
    .logo { float:none; text-align:center;}
	.logoTitle { float:none; text-align:center; border:none; padding:20px 0 0 0; margin:0 auto;}
.iwt-chat-container-panel-middle{ padding:20px 20px 20px 20px !important; }
}

@media only screen and (max-width: 480px) {
.btnLogOut input{ right: -69px; } 
.logoTitle { display:none; }  
}