textarea:hover,textarea:focus {border:1px solid #ccc;outline: 1px solid #ccc;background: #fff;}
/* start base */
.wrapMySkoologicView{margin:10px 0;margin-bottom:0;background:#fff;border:1px solid #dcdcdc;background:#ccc;}
textarea{resize:none;}
/* end base */
.writerwriteDate{display:none;}
/* start on off*/

@media (min-width:992px){
	.mobileOnly{display:none;}
	.pcOnly{display:inline-block;}
}
@media (max-width:991px){
	/* mobile only */
	.mobileOnly{display:inline-block;}
	.pcOnly{display:none;}
}
@media (max-width:768px){
	.writerwriteDate{display:block;}
	.sm-hidden{display:none;}	
}
/* end on off */

.wrapSkoologic{border:1px solid #dcdcdc;}
.wrapHead{overflow:hidden;}

/* wrapViewControl start */
.wrapHead1{position:relative;padding-right:50px;border-bottom:1px solid #dcdcdc;overflow:hidden;background:#fff;}
.wrapHead1 .title{position:relative;width:100%;}
.wrapHead1 .title .inputTitle{display:block;width:100%;text-indent:10px;font-size:18px;height:50px;line-height:50px;}
.wrapHead1 .wrapViewControl{position:absolute;top:0px;right:0px;overflow:hidden;}
.wrapHead1 .wrapViewControl .ulViewControl li{float:left;line-height:30px;min-width:45px;overflow:hidden;}
.wrapHead1 .wrapViewControl .ulViewControl li button{display:block;color:#9b9b9b;}
.wrapHead1 .wrapViewControl .ulViewControl li button:visited{color:#9b9b9b;}
.wrapHead1 .wrapViewControl .ulViewControl li button:active{color:#9b9b9b;}
.wrapHead1 .wrapViewControl .ulViewControl li.active button{color:#ec6000;}
.wrapHead1 .wrapViewControl .ulViewControl .liFirst{border-left:0;}
.wrapHead1 .wrapViewControl .ulViewControl li button{margin:7px 0 5px;font-size:30px;}
.wrapHead1 .wrapViewControl .ulViewControl li button:hover i{color:#ec6000;}
/* wrapViewControl end */

/* wrapCategory start */
.wrapCategory{background:#fff;border-bottom:1px solid #dcdcdc;padding:10px;}

/*
.wrapCategory .ulCategory li{float:left;width:20%;}
.wrapCategory .ulCategory::after{content:"";clear:both;display:block;}
.wrapCategory .ulCategory li a{display:block;color:#222;font-weight:bold;text-decoration:none;font-size:14px;background:url('/theme/eb4_basic/multiTheme/apps/sCounter/img/icoMiddotOrange.png') 5px 14px no-repeat;line-height:35px;padding-left:10px;}
.wrapCategory .ulCategory li.active a{color:#ec6000;}
.wrapCategory .ulCategory li a:hover,.ulCategory .active a{color:#ec6000;}
.wrapCategory .ulCategory li a:active{color:#ec6000;}
*/

.wrapCategory{overflow:hidden;}

.wrapCategory .select01{float:left;width:70px;margin-right:3px;}
.wrapCategory .select02{float:left;width:50px;margin-right:3px;}
.wrapCategory .select03{float:left;width:205px;margin-right:3px;}
.wrapGuideInfo{clear:both;}
.eyoom-form .select i{background:transparent;}

@media(max-width:375px){
	.wrapCategory .select03{margin-top:5px;}
}




.wrapCategory .selectCategory{}

.selectWrite{height:40px;line-height:40px;border:1px solid #ddd;}


/* start ulLeftSnbSub */
.ulLeftSnbSub li.active i{color:#ff6c00;}


/* end ulLeftSnbSub */







@media (max-width:568px){
	.ulCategory li{letter-spacing:-2px;overflow:hidden;text-align:left;}
	.wrapCategory .ulCategory li{width:25%;}
}
/* wrapCategory end */

/* start wrapGuideInfo */
.wrapGuideInfo{overflow-y: scroll;height:200px;padding:10px;background: #f4f4f4;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.wrapGuideInfo .tit1{padding-top:3px;padding-bottom:3px;background:url('/theme/eb4_basic/multiTheme/apps/sCounter/img/icoTit1Orange.png') 10px 4px no-repeat;padding-left:33px;font-weight:bold;font-size:15px;color:#222;line-height:20px;}
.wrapGuideInfo .bgDot{padding:0;
    margin: 0;
    padding-top: 5px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    color: #222;
    text-align: left;
    text-decoration: none;
    background: url('/theme/eb4_basic/multiTheme/apps/sCounter/img/icoMiddotOrange.png') 15px 14px no-repeat;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.guideInfo{display:none;}
#guideInfo0{display:block;}
.ulWords{display:none;}
.ulWordsA{display:block;}

@media (max-width:991px){
	.wrapGuideInfo{display:none;}
	.wrapWords{display:none;}
	.wrapResult .wrapCalc{min-height:70px;}
}
/* end wrapGuideInfo */
.wrapDataFlexible{background:#f8fafb;overflow:hidden;height:304px;}
.wrapDataFlexible .checkedUserData{display:none;}
.wrapDataFlexible .checkedUserData, .wrapDataFlexible .textareaUserData{
   width: 100%;height:300px;
   padding: 0;font-size:14px;
   line-height:25px;
   letter-spacing:1px;
   color: #555;
   background-color: #fff;
   background-image: none;
   white-space:pre-wrap;   
   padding:5px;
   margin:0;border:0;
   border-bottom:1px solid #dcdcdc;
   box-sizing:border-box;
   overflow-y:scroll;
}
/* result start */
.wrapResult{position:relative;overflow:hidden;min-height:65px;background:#f8fafb;border-bottom: 1px solid #ecf0f2;padding:10px 0;}
.wrapResult .wrapWords{float:left;width:60%;}
.wrapResult .wrapWords ul{padding-left:10px;}
.wrapResult .wrapWords ul li{background: url('/theme/eb4_basic/multiTheme/apps/sCounter/img/icoMiddotOrange.png') 15px 10px no-repeat;padding-left:25px;font-size:15px;font-weight:bold;color: #7e7e7e;line-height:25px;}
.wrapResult .wrapCalc{position:absolute;top:50%;right:0;margin-top:-20px;width:40%;height:auto;color:#8f8f8f;font-size:18px;text-align:center;}

/*
.wrapResult .wrapCalc .wrapByte{padding-right:20px;}
.wrapResult .wrapCalc .wrapByte .text01{font-size:28px;color:#ff6c00;font-weight:bold;}
.wrapResult .wrapCalc .wrapByte span.wrapBar {display:inline-block;width:9px;text-align:center;}
.wrapResult .wrapCalc .wrapByte span.wrapBar span.bar{display:inline-block;width:1px;height:10px;background:#ccc;}
.wrapResult .wrapCalcText .wrapByte .totalText .totalText01{font-size:28px;color:#ff6c00;font-weight: bold;}
*/

.wrapByte,.wrapLetter{display:inline-block;}
span.wrapBar {display:inline-block;width:9px;text-align:center;}
span.wrapBar span.bar{display:inline-block;width:1px;height:10px;background:#ccc;}

.byteUser{font-size:28px;color: #ff6c00;font-weight: bold;}
.wrapCalcTypeA .byteUser{font-size:28px;color: #f6430b;font-weight: bold;}

.wrapCalcTypeB .wrapByte{display:none;}
.wrapCalcTypeB .bracketLeft,.wrapCalcTypeB .bracketRight{display:none;}
.wrapCalcTypeB .letterUser{font-size:28px;color: #ff6c00;font-weight: bold;}

.wrapCalc{display:none;}
.wrapCalc0{display:block;}


@media (max-width:991px){
	.wrapResult .wrapWords{width:100%;padding-top:50px;font-size: 16px;}
	.wrapResult .wrapCalc{width:100%;position:absolute;top:0;left:0;margin-top:10px;color: #8f8f8f;font-size: 16px;text-align: center;}
	.wrapResult .wrapWords ul li{font-size:13px;}
}
/* result end */



/* wordCheck start */
.prohibition,.caution,.recomn{display:inline-block;width:10px;height:10px;}
.prohibition{background:#EA2027;}
.caution{background:#FFC312;}
.recomn{background:#009432;}
.wrapTabButton{text-align:center;padding-top:10px;overflow:hidden;background:#f8fafb;border-top: 1px solid #ecf0f2;padding-bottom:10px;}

.wrapCommonButton{text-align:center;padding:10px;}
.btnMobileClose{display:none;}

.wrapWordsCheck{padding:5px 10px;background:#fff;}
.wrapWordsCheck .ulWordsCheck{max-width:1000px;margin:0 auto;}
.wrapWordsCheck .ulWordsCheck li {padding:5px;overflow:hidden;text-align:left;font-size:15px;}
.wrapWordsCheck .ulWordsCheck li div{display:inline-block;line-height:20px;}
.wrapWordsCheck .ulWordsCheck li div.col1{}
.wrapWordsCheck .ulWordsCheck li div.col2{}

.wrapTab .tabMobile .wrapTip{display:none;}
.wrapTab .tabMobile .wrapResult .wrapWords{display:none;}
.wrapTab .tabMobile .wrapResult .wrapCalc{width:100%;}
.wrapTab .tabMobile .wrapWordsCheck .ulWordsCheck{display:inline;}
.wrapTab .tabMobile .wrapWordsCheck .ulWordsCheck li{display:inline;text-align:center;line-height:20px;}
.wrapTab .tabMobile .wrapWordsCheck .ulWordsCheck li div{display:inline;}
.wrapTab .tabMobile .wrapWordsCheck .ulWordsCheck li div.smHidden{display:none !important;}
.wrapTab .tabMobile .wrapWordsCheck{text-align:center;}

@media (max-width:991px){
	.ulWordsCheck{text-align:center;}
	.ulWordsCheck li{float:none;display:inline-block;}
	.smHidden{display:none;}
	.wrapWordsCheck .ulWordsCheck li {padding:5px;overflow:hidden;text-align:left;font-size:13px;}
}
@media (max-width:768px){	
	.tabMobile .smHidden{display:none;}
}
/* wordCheck end */

/* start list */
.wrapSendToSkoologic{display:none;}
.wrapSendToSkoologic{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100;}
.wrapSendToSkoologic .sendToSkoologic{position:absolute;width:500px;height:500px;top:50%;left:50%;margin-top:-250px;margin-left:-250px;background:#fff;overflow-y:scroll;}
.wrapSendToSkoologic .sendToSkoologic .tit{height: 70px;line-height: 70px;font-size: 17px;padding-left: 10px;border-bottom: 1px solid #ec6000;}
.wrapBtnEmailWrite{float:right;padding-right:10px;text-align:right;}
.wrapBtnEmailWrite .btnEmailResist{display:inline-block;line-height:20px;}


@media (max-width:500px){
	.wrapSendToSkoologic .sendToSkoologic{position:relative;width:95%;height:95%;top:0;left:0;margin:0 auto;margin-top:10px;background:#fff;overflow-y:scroll;}
	.wrapConfirm {width:90%;margin:0 auto;line-height:20px;text-align:center;font-size:17px;}
}




/* end list */

/* start Email */

.wrapSendToEmail{display:block;}
.wrapSendToEmail{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100;}
.wrapSendToEmail .sendToEmail{position:absolute;width:500px;height:500px;top:50%;left:50%;margin-top:-250px;margin-left:-250px;background:#fff;overflow-y:scroll;}
.wrapSendToEmail .sendToEmail .tit{height: 70px;line-height: 70px;font-size: 17px;padding-left: 10px;border-bottom: 1px solid #ec6000;}
.wrapBtnEmailWrite{float:right;padding-right:10px;text-align:right;}
.wrapBtnEmailWrite .btnEmailResist{display:inline-block;line-height:20px;}

/* end Email */

#guideInfo10 .tit1_question{display:none;}
#guideInfo10 .example{display:none;}

@media (max-width:1400px){
	.wrapContainer .container{max-width:1000px;}
}
@media (max-width:1200px){
	.wrapContainer .container{max-width:900px;}
}

@media (max-width:1100px){
	.wrapContainer .container{max-width:800px;}
}