@charset "UTF-8";
@import "style_Desktop.css";
@import "style_Tablet.css";
@import "style_Mobile.css";

/****************************************************/
/****************************************************/
/**[view]**************************************************/
/****************************************************/
/****************************************************/

		.form-wrap ._frmMessage {
			padding: 15px 15px 15px 80px;
			font-size: 1em;
			border: 1px #4682B4 solid;
			background-color: #ecf4fb;
			margin-bottom: 1.6em;
			position: relative;
		}
		.form-wrap ._frmMessage:before {
			content: "!";
			font-size: 20px;
			font-weight: 600;
			color: #fff;
			width: 30px;
			height: 30px;
			margin-top: -15px;
			line-height: 30px;
			text-align: center;
			position: absolute;
			left: 25px;
			top: 50%;
			background-color: #4682B4;
			border-radius: 15px;
		}
		.form-wrap ._frmMessage p {
			margin-bottom: 0.5em;
		}
		.form-wrap ._frmMessage a._goFrmList {
			display: inline-block;
			color: #fff;
			background-color: #33495f;
			line-height: 2;
			padding: 0 1em;
			border-radius: 3px;
		}

		._frmBuilderBasic ._frmViewHead{
			overflow: hidden;
			position: relative;
			margin-bottom: 0.5em;
			visibility:hidden;

		}
		._frmBuilderBasic ._frmViewHead dl,
		._frmBuilderBasic ._frmViewHead dl dt,
		._frmBuilderBasic ._frmViewHead dl dd{
			display: inline-block;
			zoom: 1;
			_display: inline;
			line-height: 1;
			font-size: 1.02em;
		}
		._frmBuilderBasic ._frmViewHead dl{
			padding: 0 0.5em;
			border-right: 1px #ccc solid;
		}
		._frmBuilderBasic ._frmViewHead dl._first._last{
			padding: 0 0.5em 0 0;
		}
		._frmBuilderBasic ._frmViewHead dl._last{
			padding: 0 0 0 0.5em;
			border-right: 0;
		}
		._frmBuilderBasic ._frmViewHead dl dt{
			padding-right: 0.5em;
		}
		._frmBuilderBasic ._frmViewHead dl dd{
			font-weight: bold;
		}
		._frmBuilderBasic ._frmViewHead .left{
			float: left;
		}
		._frmBuilderBasic ._frmViewHead .right{
			float: right;
		}
		._frmBuilderBasic ._frmViewWrap{
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
		    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
		    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
		}
		._frmBuilderBasic ._frmViewWrap ._frmViewTitleWrap{
			background: #4682B4;
		    font-weight: lighter;
		    text-shadow: 0 1px 0 #38678f;
		    color: white;
		    border: 1px solid #38678f;
		    box-shadow: inset 0px 1px 2px #568ebd;
		}
		._frmBuilderBasic ._frmViewWrap ._frmViewTitleWrap ._frmViewTitle{
			font-size: 1.6em;
			line-height: 1.5;
			text-align: center;
			padding: 0.5em;
		}
		._frmBuilderBasic ._frmViewWrap ._frmView{
			margin-bottom: 20px;
			border-bottom: 1px #ccc solid;
			padding: 15px;
			background-color: #eee;
		}
		._frmBuilderBasic ._frmViewWrap ._frmView ._frmViewDesc{
			font-size: 13px;
			line-height: 1.7;
		}
		._frmBuilderBasic ._frmViewWrap ._frmView ._frmViewImg{
			margin: 20px 0 0;
			text-align: center;
		}
		._frmBuilderBasic ._frmViewWrap ._frmView ._frmViewImg img{
			display: block;
			margin: auto;
			max-width: 100%;
			width: auto !important;
			_width: 100%;
		}


		._frmBuilderBasic .formBuilder .essntl {
			float: left;
		    margin-top: 6px;
		    margin-right: 5px;
		    width: 8px;
		    height: 8px;
		    text-indent: -5000px;
		    background: url("../images/must.gif") no-repeat;
		    overflow: hidden;
		    padding: 0;
		}
		._frmBuilderBasic .formBuilder .number {
			text-align: right;
		}
		/************************/
		._frmBuilderBasic .formBuilder .tableWrap {
			overflow: auto;
		}
		._frmBuilderBasic .formBuilder .tableWrap table {
			width: 100%;
			background-color: #fff;
			border-width: 1px 0 0 1px;
			border-style: solid;
			border-color: #ddd;
		}
		._frmBuilderBasic .formBuilder .tableWrap table th,
		._frmBuilderBasic .formBuilder .tableWrap table td {
			padding: 7px 0;
			text-align: center;
			border-width: 0 1px 1px 0;
			border-style: solid;
			border-color: #ddd;
			word-break: break-all;
		}
		._frmBuilderBasic .formBuilder .tableWrap table thead th {
			background-color: #eee;
		}
		._frmBuilderBasic .formBuilder .tableWrap table tbody td {
		}
		._frmBuilderBasic .formBuilder .rstView .tableWrap table tr:nth-child(even) {
			background-color: #f7f7f7;
		}
		._frmBuilderBasic .formBuilder .rstView .tableWrap table tr td:FIRST-CHILD {
			text-align: left;
		}
		._frmBuilderBasic .formBuilder  .fileUpload {
			position: relative;
			overflow: hidden;
		}
		._frmBuilderBasic .formBuilder {
			font-size: 13px;
		}
		._frmBuilderBasic .formBuilder .sort {
			display: inline-block;
		    vertical-align: top;
		}
		._frmBuilderBasic .formBuilder .editView .sort:nth-child(even) {
			margin-right: 25px;
		}
		._frmBuilderBasic .formBuilder .fbInsert {
			width: 70%;
			display: block;
			margin-top: 5px;
		}
		._frmBuilderBasic .formBuilder .formItem {
			padding: 20px;
			position: relative;
			border-width: 1px;
			border-color: #ddd;
			border-style: solid;
			background-color: #fff;
			margin-top: -1px;
		}
		._frmBuilderBasic .formBuilder > .formItem:first-child {
			border-width: 1px;
		}
		._frmBuilderBasic .formBuilder .formItem:hover {
			background-color:#fff; 
		}
		._frmBuilderBasic .formBuilder .formItem.selected {
			background-color:#fffce2;
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		    z-index: 1;
		}
		._frmBuilderBasic .formBuilder .rstView .itemTitleRst {
			font-weight: bold; 
			margin-bottom: 15px; 
			font-size: 14px;
			line-height: 1.5;
			border: 1px #eee solid;
			background-color: #f5f5f5;
			padding: 10px;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm {
			position: relative;
			overflow: hidden;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .datetime{
			display: inline-block;
		}
		._frmBuilderBasic .formBuilder .rstForm .scaleItem {
		    float: left;
		    position: relative;
			overflow: hidden;
		}
		._frmBuilderBasic .formBuilder .rstForm .scaleItem .scaleLabel {
			position: relative;
			float: left;
			cursor: pointer;
		}
		._frmBuilderBasic .formBuilder .rstForm .scaleItem .scaleLabel .scaleVal{
		    display: inline-block;
		    background-color: #ddd;
		    border-radius: 100px;
		    width: 20px;
		    height: 20px;
		    line-height: 20px;
		    text-align: center;
		    margin: 0 5px;
		    color: #000;
		    font-weight: bold;
		}
		._frmBuilderBasic .formBuilder .rstForm .scaleItem .scaleLabel .scaleVal.selected{
		 	background-color: #c00;
		 	color: #fff;
		}
		
		._frmBuilderBasic .formBuilder .rstView .itemDesRst {
			color: #808080; 
			margin-bottom: 15px;
			line-height: 20px;
		}
		._frmBuilderBasic .formBuilder .rstView .itemDesRst:before {
			content: "“ ";
		}
		._frmBuilderBasic .formBuilder .rstView .itemDesRst:after {
			content: " ”";
		}
		._frmBuilderBasic .formBuilder .rstView .itemDesRst:before ,
		._frmBuilderBasic .formBuilder .rstView .itemDesRst:after {
			font-weight: 600;
			font-size: 1.2em;
			color: #4682B4;
		}
		._frmBuilderBasic .formBuilder .rstView .itemInputPh {
			margin-top: 10px;
		}
		._frmBuilderBasic .formBuilder .rstView .itemInputPh .imgDiv {
			margin-bottom: 10px;
		}
		._frmBuilderBasic .formBuilder .rstView .itemInputPh .imgDiv img{
			display: block;
			max-width: 100%;
			min-width: 26%;
			height: auto;
			margin: auto;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .dateInput,
		._frmBuilderBasic .formBuilder .rstView .rstForm .phone1,
		._frmBuilderBasic .formBuilder .rstView .rstForm .phone2,
		._frmBuilderBasic .formBuilder .rstView .rstForm .phone3{
			text-align: center;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._wSmall{
			width: 30%;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._wMiddle{
			width: 50%;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._wFull{
			width: 99.3%;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hSmall,
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hMiddle,
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hFull{
			margin-bottom: 2px;
			width: 97.0%;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hSmall{
			height: 100px;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hMiddle{
			height: 200px;
		}
		._frmBuilderBasic .formBuilder .rstView .rstForm .asw._hFull{
			height: 400px;
		}
		._frmBuilderBasic .formBuilder .selectPh {
			vertical-align: top;
			margin-top: 10px;
		}
		._frmBuilderBasic .formBuilder .selectPh {
			vertical-align: top;
			margin-top: 10px;
		}
		._frmBuilderBasic .formBuilder .selectPh .addEtc{
			text-decoration: underline;
		}
		._frmBuilderBasic .formBuilder .selectPh .etcValue {
			width: 70%;
		}
		._frmBuilderBasic .formBuilder .rstForm > .selectPh:first-child {
			margin-top: 0;
		}
		._frmBuilderBasic .formBuilder .fileUpload input.upload {
		    position: absolute;
		    top: 0;
		    right: 0;
		    margin: 0;
		    padding: 0;
		    font-size: 20px;
		    cursor: pointer;
		    opacity: 0;
		    filter: alpha(opacity=0);
		}
		
._passedPeriod{
    text-align: center;
    color: #ff0000;
    font-size: 1.3em;
    font-weight: bold;	
}

/*category*/
	._articleTable .artclCategory{
		border: 1px #8EABC2 solid;
		background-color: #fff;
		margin-bottom: 1em;
		padding: 1em;
	}
	._articleTable .artclCategory ul{
		position: relative;
		overflow: hidden;
	}
	._articleTable .artclCategory ul li{
		float: left;
		font-size: 1em;
	}
	._articleTable .artclCategory ul.categoryNavig{
		background-color: #E3EAF0;
		padding: 0.5em 1em;
		margin-bottom: 0.5em;
	}
	._articleTable .artclCategory ul.categoryNavig li{
		margin-right: 1em;
	}
	._articleTable .artclCategory ul.categoryList{
		padding: 0.5em;
	}
	._articleTable .artclCategory ul.categoryList li{
		width: 25%;
	}
	._articleTable .artclCategory ul.categoryList li a{
		display: block;
		padding-left: 17px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 24px;
		line-height: 24px;
	}
	._articleTable .artclCategory ul li.child{
		background-position: 0 -263px;
	}
	._articleTable .artclCategory ul li.pChild{
		background-position: 0 -293px;
	}
	._articleTable .artclCategory ul li.noCategory{
		text-align: center;
		width: 100%;
		background-image: none;
	}
	._articleTable .artclCategory ul li.active a{
		font-weight: 600;
		color: #000;
	}
	._articleTable .artclCategory ul.categoryList li{
		border: 0;
		background-image: url("../images/share.gif");
		background-repeat: no-repeat;
		background-color: transparent;
	}
	._articleTable .artclCategory ul li.active a {
	    font-weight: 600;
	    color: #000;
	}
	/*list*/
	._articleTable .artclTable{
		width: 100%;
		border-width: 1px 0 0 1px;
		border-color: #ddd;
		border-style: solid;
		table-layout:fixed;
		-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
	    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
	    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
	}
	._articleTable .artclTable caption{
		display: none;
	}
	._articleTable .artclTable colgroup col._artclColNum{
		width: 60px;
	}
	._articleTable .artclTable colgroup col._artclColTitle{
		width: auto;
	}
	._articleTable .artclTable colgroup col._artclColPeriod{
		width: 160px;
	}
	._articleTable .artclTable colgroup col._artclColRdate{
		width: 80px;
	}
	._articleTable .artclTable thead th{
		background: #4682B4;
		font-weight: lighter;
		text-shadow: 0 1px 0 #38678f;
		color: white;
		border: 1px solid #38678f;
		box-shadow: inset 0px 1px 2px #568ebd;
	}
	._articleTable .artclTable th,
	._articleTable .artclTable td{
		border-width: 0 1px 1px 0;
		border-color: #ddd;
		border-style: solid;
		padding: 7px 0;
		text-align: center;
	}
	._articleTable .artclTable tr._artclEven{
		background-color: white;
	}
	._articleTable .artclTable tr._artclOdd{
		background-color: #f7f7f7;
	}
	._articleTable .artclTable tr.headline{
		background-color: #EEF6FB;
	}
	._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice{
		display: block;
		margin: auto;
		width: 21px;
		height: 20px;
		text-indent: -5000px;
		overflow: hidden;
		background-position: 9px -326px;
	}
	._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclNnotice{
		background-color: #4682B4;
	}
	._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclTnotice{
		background-color: #A62323;
	}
	._articleTable .artclTable tr td .artclLinkView{
		display: block;
		text-align: left;
		font-size: 1em;
		display: block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    margin: 0 7px;
	}
	._articleTable .artclTable tr td .artclLinkView .newArtcl{
		width: 11px;
		height: 11px;
		overflow: hidden;
		text-indent: -5000px;
		display: inline-block;
	    zoom: 1;
	    _display: inline;
		background-position: 0 -240px;
	}
	._articleTable .fnDiv.artclSerch{
		height: 30px;
		margin-bottom: 1em;
	}
	._articleTable .artclCategory ul li.noCategory {
	    text-align: center;
	    width: 100%;
	    background-image: none;
	}
	._frmBuilderBasic .tableWrap .iSelect {
		vertical-align: middle;
	    background: url(/Web-home/_UI/images/common/iIcon.png) no-repeat -44px 0;
	}