@charset "utf-8";
@import url('font-awesome.min.css');
/*===== 表單設計 開始 =====*/
/*-----------------------------------
 字型
-----------------------------------*/
@font-face{
	/*指定的日文符號*/
	font-family: ff-PGothic;
	src:local('MS PGothic'),url('fonts/MS Gothic.ttf') format('truetype');
	unicode-range: U+3010,U+3011,U+25cf,U+25cb,U+25a0,U+25c6,U+25b2,U+306e,U+203b,U+ff1a,U+25ce,U+2018,U+2019,U+201c,U+201d;
	/*【】●○■◆▲の※：◎‘’“”*/
}
@font-face{
	/*Verdana*/
	font-family:ff-Verdana;
	src: local("Verdana");
}
@font-face{
	/*新細明體*/
	font-family:ff-PMingLiU;
	src: local("PMingLiU");
}
@font-face{
	/*微軟正黑體*/
	font-family:ff-JhengHei;
	src: local("Microsoft JhengHei");
}
@font-face{
	/*標楷體*/
	font-family:ff-DFKai-sb;
	src: local("DFKai-sb");
}

/*-----------------------------------
 大小,位置
-----------------------------------*/
/*
 *  元件字型,元件字級
 */
.art_word span,
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_radio_ico span,
.art_checkbox_ico span,
.art_radio_own span,
.art_checkbox_own span,
.art_switch span,
.art_textarea textarea,
.art_button,
.art_select_own .art_select_own_box .list div,
.art_select_own .art_select_own_box .list span,
.art_list,
.art_list .art_list_header input[type='text'],
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text'],
.art_cal,
.art_time{
	/*文字較清晰
	font-family: Verdana, ff-PGothic, ff-PMingLiU, sans-serif;
	font-size:15px;*/
	font-family: ff-PGothic, Verdana, "Microsoft JhengHei", sans-serif;
	font-size:15px;
}
 
/*
 *  元件 Inline Block
 */
.art_word,
.art_word span,
.art_text,
.art_text input,
.art_password,
.art_password input,
.art_num,
.art_num input,
.art_select,
.art_select select,
.art_upload_raw,
.art_upload_raw input[type='text'],
.art_radio_ico,
.art_radio_ico span,
.art_checkbox_ico,
.art_checkbox_ico span,
.art_radio_own,
.art_radio_own span,
.art_checkbox_own,
.art_checkbox_own span,
.art_switch,
.art_switch span,
.art_textarea,
.art_textarea textarea,
.art_button{
	display:inline-block;
}


/*
 *  元件 relative
 */
.art_word,
.art_text,
.art_password,
.art_num,
.art_select,
.art_upload_raw,
.art_radio_ico,
.art_checkbox_ico,
.art_radio_own,
.art_checkbox_own,
.art_switch{
	position:relative;
}



/*
 *  元件寬度
 */
.art_text,
.art_password,
.art_select,
.art_upload_raw,
.art_textarea{
	/*log_05*/
	width:100%;
	/*log_06*/
	max-width:500px;
}
.art_word,
.art_radio_ico,
.art_checkbox_ico{
	/*log_02*/
	min-width:24px;
}
.art_radio_own,
.art_checkbox_own{
	/*log_a*/
	min-width:24px;
}
.art_switch{
	/*log_b*/
	min-width:42px;
}
.art_num{
	width:120px;
}

 
/*
 *  元件高度
 */
.art_word span,
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_radio_ico span,
.art_checkbox_ico span,
.art_radio_own span,
.art_checkbox_own span,
.art_switch span,
.art_button{
	/*log_04*/
	height:34px;
}
.art_textarea textarea{
	height:120px;
}



/*
 *  元件行高
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text']{
	/*log_04*/
	line-height:calc(34px - 2px);
}
.art_word span,
.art_radio_ico span,
.art_checkbox_ico span,
.art_radio_own span,
.art_checkbox_own span,
.art_switch span{
	/*log_04*/
	line-height:34px;
}
.art_textarea textarea{
	line-height:1.4em;
}
.art_button{
	/*log_04*/
	line-height:calc(34px - 4px);
}


/*
 *  元件內部寬度
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea{
	width:100%;
}




/*
 *  元件內部padding
 *  FF不可設定padding-top和padding-bottom,因為視覺錯誤.
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea{
	/*log_01*/
	padding-left:10px;
}
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea{
	/*log_01*/
	padding-right:10px;
}
.art_word .art_icon.l ~ span,
.art_text .art_icon.l ~ input,
.art_password .art_icon.l ~ input,
.art_num .art_icon.l ~ input,
.art_select .art_icon.l ~ select,
.art_upload_raw .art_icon.l ~ input[type='text'],
.art_radio_ico .art_icon.l ~ span,
.art_checkbox_ico .art_icon.l ~ span{
	/*log_02*/
	padding-left:24px;
}
.art_word .art_icon.r ~ span,
.art_text .art_icon.r ~ input,
.art_password .art_icon.r ~ input,
.art_num .art_icon.r ~ input,
.art_select .art_icon.r ~ select,
.art_upload_raw .art_icon.r ~ input[type='text'],
.art_radio_ico .art_icon.r ~ span,
.art_checkbox_ico .art_icon.r ~ span{
	/*log_02*/
	padding-right:24px;
}
.art_radio_own .l ~ span,
.art_checkbox_own .l ~ span{
	/*log_a*/
	padding-left:24px;
}
.art_radio_own .r ~ span,
.art_checkbox_own .r ~ span{
	/*log_a*/
	padding-right:24px;
}
.art_switch .l ~ span{
	/*log_b*/
	padding-left:calc(42px + 5px);
}
.art_switch .r ~ span{
	/*log_b*/
	padding-right:calc(42px + 5px);
}
.art_button{
	padding-right:10px;
	padding-left:10px;
}
.art_textarea textarea{
	padding-top:10px;
	padding-bottom:10px;
}


/*
 *  元件因無文字造成基線錯誤，需用:before補加假字
 */
.art_word:before,
.art_radio_ico:before,
.art_checkbox_ico:before,
.art_radio_own:before,
.art_checkbox_own:before,
.art_switch:before{
	/*為了補加假字*/
	content: "\0000";
	/*為了看不到假字*/
	font-size: 0px;
}



/*
 *  元件圓角
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea,
.art_button{
	border-radius:4px;
}




/*
 *  自訂版單選\自訂版多選繪製圖形
 */
.art_radio_own i,
.art_checkbox_own i{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	/*log_a*/
	width:24px;
}
.art_radio_own i.l,
.art_checkbox_own i.l{
	left:0;
}
.art_radio_own i.r,
.art_checkbox_own i.r{
	right:0;
}

.art_radio_own i:before,
.art_radio_own i:after,
.art_checkbox_own i:before,
.art_checkbox_own i:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.art_radio_own i:before,
.art_checkbox_own i:before{
	width:14px;
	height:14px;
	border:2px solid;
}
.art_radio_own i:before{
	border-radius:16px;
}
.art_checkbox_own i:before{
	border-radius:2px;
}
.art_radio_own i:after,
.art_checkbox_own i:after{
	width:10px;
	height:10px;
	opacity:0;
}
.art_radio_own i:after{
	border-radius:12px;
}
.art_radio_own input:checked ~ i:after,
.art_checkbox_own input:checked ~ i:after{
	opacity:1;
}


/*
 *  開關按鈕
 */
.art_switch i{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	/*log_b*/
	width:42px;
}
.art_switch i.l{
	left:0;
}
.art_switch i.r{
	right:0;
}
.art_switch i:before,
.art_switch i:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.art_switch i:before{
	left:0;
	width:40px;
	height:22px;
	border:1px solid;
	border-radius:2px;
}
.art_switch i:after{
	width:16px;
	height:16px;
	border:1px solid;
	border-radius:2px;
	left:3px;
}
.art_switch input:checked ~ i:after{
	left:21px;
}


/*
 *  按鈕
 */
.art_button{
	text-align:center;
}


/*
 *  覆蓋
 */
.art_overlay{
	position:fixed;
	width:100%;
	height:100%;
	top:0; 
	left:0;
	right:0;
	bottom:0;
}
.art_overlay{
	background-color:rgba(0,0,0,0.5);
}
.art_overlay.only_mobile{
	display: none;
}
@media (max-width: 600px) {
.art_overlay.only_mobile{
	display: block;
}
}




/*
 *  Icon寬度,Icon水平中間
 */
.art_icon{
	/*log_02*/
	width:24px;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-style:inherit;
}

/*
 *  Icon垂直位置
 */
.art_icon{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

/*
 *  Icon水平位置
 */
.art_word .art_icon.l,
.art_radio_ico .art_icon.l,
.art_checkbox_ico .art_icon.l{
	left:0;
}
.art_word .art_icon.r,
.art_radio_ico .art_icon.r,
.art_checkbox_ico .art_icon.r{
	right:0;
}
.art_text .art_icon.l,
.art_password .art_icon.l,
.art_num .art_icon.l,
.art_select .art_icon.l,
.art_upload_raw .art_icon.l{
	/*log_03*/
	left:1px;
}
.art_text .art_icon.r,
.art_password .art_icon.r,
.art_num .art_icon.r,
.art_select .art_icon.r,
.art_upload_raw .art_icon.r{
	/*log_03*/
	right:1px;
}



/*-----------------------------------
 粗線
-----------------------------------*/
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea{
	/*log_03*/
	border-width:1px;
	border-style:solid;
}
.art_button{
	border-width:2px;
	border-style:solid;
}


/*-----------------------------------
 游標
-----------------------------------*/
a.art_word,
.art_select select,
.art_upload_raw label,
.art_radio_ico label,
.art_checkbox_ico label,
.art_radio_own label,
.art_checkbox_own label,
.art_switch label,
.art_button{
	cursor:pointer;
}


/*-----------------------------------
 顏色
-----------------------------------*/
/*
 *  文字
 */
.art_word,
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_radio_ico span,
.art_checkbox_ico span,
.art_radio_own span,
.art_checkbox_own span,
.art_textarea textarea{
	color:#333;
}
.art_radio_own i:before,
.art_checkbox_own i:before{
	border-color:#23aaec;	
}
.art_radio_own i:after,
.art_checkbox_own i:after{
	background:#23aaec;
}




/*
 *  框線
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_switch i:before,
.art_textarea textarea{
	border-color:#dbdbdb;
}


/*
 *  背景
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text'],
.art_switch i:before,
.art_textarea textarea{
	background-color:#fcfcfc;
}
.art_switch input:checked ~ i:before{
	background-color:#73b5ff;
}


/*
 *  控制按鈕框線
 */
.art_switch i:after{
	border-color:#c2c2c2;
}


/*
 *  控制按鈕背景
 */
.art_switch i:after{
	background-color:#fff;
}

/*
 *  連結
 */
a.art_word{
	color:#23aaec;
}

/*
 *  連結 - 作用中
 */
a.art_word:hover{
	color:#ff8e09;
}


/*
 *  凍結:文字
 */
.disabled.art_word,
.disabled.art_text input,
.disabled.art_password input,
.disabled.art_num input,
.disabled.art_select select,
.disabled.art_upload_raw input[type='text'],
.disabled.art_radio_ico span,
.disabled.art_checkbox_ico span,
.disabled.art_radio_own span,
.disabled.art_checkbox_own span,
.disabled.art_switch span,
.disabled.art_textarea textarea{
	color:#999;
}
.disabled.art_radio_own i:before,
.disabled.art_checkbox_own i:before{
	border-color:#999;	
}
.disabled.art_radio_own i:after,
.disabled.art_checkbox_own i:after{
	background-color:#999;
}


/*
 *  凍結:背景
 */
.disabled.art_text input,
.disabled.art_password input,
.disabled.art_num input,
.disabled.art_select select,
.disabled.art_upload_raw input[type='text'],
.disabled.art_switch i:before,
.disabled.art_switch i:after,
.disabled.art_textarea textarea{
	background-color:#f7f7f7;
}
.disabled.art_switch input:checked ~ i:before{
	background-color:#e4e4e4;
}

/*
 *  凍結:ICON圖示
 */
.disabled .art_icon{
	opacity:.5;
}


/*
 *  按鈕
 */
.art_button{
	color:#fff;
	border-color:#a6d7ff;
	background:#33aaff;
}

/*
 *  按鈕 - 作用中
 */
.art_button:hover{
	color:#fff;
	border-color:#90c7f2;
	background:#249cf1;
}

/*
 *  凍結:按鈕
 */
.disabled.art_button{
	color:#fff;
	border-color:#d2d2d2;
	background:#999999;
}





/*-----------------------------------
 動畫
-----------------------------------*/
.art_text input,
.art_password input,
.art_num input,
.art_select select{
	transition:border 0.5s;
}

.art_radio_own i:after,
.art_checkbox_own i:after{
	transition:opacity 0.2s;
}
.art_switch input ~ i:before{
	transition:background 0.2s;
}
.art_switch input ~ i:after{
	transition:left 0.2s;
}
.art_button{
	transition:all 0.2s;
}
.art_overlay{
	transition:all 1s;
}



/*-----------------------------------
 功能
-----------------------------------*/
/*
 *  元件文字不斷行
 */
.art_word span,
.art_upload_raw input[type='text'],
.art_radio_ico span,
.art_checkbox_ico span,
.art_radio_own span,
.art_checkbox_own span,
.art_switch span,
.art_button{
	white-space:nowrap;
}

/*
 *  元件字尾...
 */
.art_text input,
.art_password input,
.art_num input,
.art_select select,
.art_upload_raw input[type='text']{
	text-overflow:ellipsis;
}


/*
 *  字距
 */
.art_password input,
.art_num input{
	letter-spacing: 1px;
}


/*
 *  文字居中
 */
.art_num input{
	text-align: center;
}


/*
 *  元件移除預設作用樣式
 */
.art_text input:focus,
.art_password input:focus,
.art_num input:focus,
.art_select select,
.art_upload_raw input[type='text'],
.art_textarea textarea,
.art_button,
a.art_icon{
	outline:none;
}



/*
 *  使ICON失去阻擋元件的功能
 */
.art_text i.art_icon,
.art_password i.art_icon,
.art_select i.art_icon,
.art_upload_raw input[type='text']
/*.art_upload_raw i.art_icon因為手機版點下沒反應，只好讓ICON來反應*/{
	pointer-events: none;
}


/*
 *  禁用功能
 */
.disabled.art_word,
.disabled.art_text input,
.disabled.art_password input,
.disabled.art_num input,
.disabled.art_select select,
.disabled.art_upload_raw label,
.disabled.art_radio_ico label,
.disabled.art_checkbox_ico label,
.disabled.art_radio_own label,
.disabled.art_checkbox_own label,
.disabled.art_switch label,
.disabled.art_textarea textarea,
.disabled.art_button,
.disabled a.art_icon{
	pointer-events: none;
}




/*
 *  游標禁用圖示
 */
.disabled.art_text,
.disabled.art_password,
.disabled.art_num,
.disabled.art_select,
.disabled.art_upload_raw,
.disabled.art_radio_ico,
.disabled.art_checkbox_ico,
.disabled.art_radio_own,
.disabled.art_checkbox_own,
.disabled.art_switch,
.disabled.art_button,
.disabled.art_textarea{
	cursor:not-allowed;
}




/*
 *  禁用選取文字
 */
.art_upload_raw,
.art_radio_ico,
.art_checkbox_ico,
.art_radio_own,
.art_checkbox_own,
.art_switch,
.art_button{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*
 *  移除手機版預設樣式
 */
.art_text input,
.art_password input,
.art_num input,
.art_upload_raw input[type='text'],
.art_textarea textarea,
.art_button{
	-webkit-appearance:none;
	-moz-appearance:none;
}
 
/*
 *  移除下拉式選單的預設方向ICON
 */
.art_select select{
	-webkit-appearance:none;
	-moz-appearance:none;
}
/*IE用的*/
.art_select select::-ms-expand{
    display: none;
}


/*
 *  移除預設連結底線
 */
a.art_icon,
a.art_button{
	text-decoration:none;
}

/*
 *  上傳檔案\單選\多選\開關按鈕 input隱藏化
 */
.art_upload_raw input[type='file'],
.art_upload_raw a,
.art_radio_ico input,
.art_checkbox_ico input,
.art_radio_own input,
.art_checkbox_own input,
.art_switch input{
	display:none;
}

/*
 *  層階
 */
.art_overlay{
	z-index:1001;
}
.js_html{
	z-index:1002;
}


/*-----------------------------------
 對應js產生的html
-----------------------------------*/
/*
 *  js_html
 */
.js_html{
	display:none;
	position:absolute;
	left:0;
}
.js_html.js_current{
	display: block;
}
@media (max-width: 600px) {
.js_html{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
}




/*-----------------------------------
 客製化元件
-----------------------------------*/
/*
 *  自動選單
 */
.art_select_own .art_select_own_box select{
	display:none;
}
.art_select_own,
.art_select_own .art_select_own_box{
	/*log_05*/
	width:100%;
	/*log_06*/
	max-width:500px;
}
.art_select_own,
.art_select_own .art_select_own_box{
	display:inline-block;
}
.art_select_own,
.art_select_own .art_select_own_box{
	position:relative;
}
.art_select_own .art_select_own_box .list .placeholder{
	display:inline-block;
	height:28px;
	line-height:26px;
	color:#a9a9a9;
}
.art_select_own .art_select_own_box .list span ~ .placeholder{
	display:none;
}
.art_select_own .art_select_own_box select ~ .list span{
	display:inline-block;
	line-height:26px;
	height:26px;
	border-radius:4px;
	font-size:14px;
	padding:0 5px;
}
.art_select_own .art_select_own_box select ~ .list span a{
	display:none;
}
.art_select_own .art_select_own_box select[multiple] ~ .list span{
	position:relative;
	padding:0 35px 0 5px;
	color:#fff;
	background-color:#73b5ff;
}
.art_select_own .art_select_own_box select[multiple] ~ .list span a{
	display:inline-block;
	border-left:1px solid #fff;
	width:24px;
	height:100%;
	background:url(images/icon_close_ffffff.svg) 50% 50% no-repeat;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.art_select_own .art_select_own_box .list{
	/*log_01*/
	padding-left:10px;
}
.art_select_own .art_select_own_box .list{
	/*log_01*/
	padding-right:10px;
}
.art_select_own .art_select_own_box .art_icon.l ~ .list{
	/*log_02*/
	padding-left:24px;
}
.art_select_own .art_select_own_box .art_icon.r ~ .list{
	/*log_02*/
	padding-right:24px;
}
.art_select_own{
	border-radius:4px;
}
.art_select_own .art_select_own_box .art_icon.l{
	left:0;
}
.art_select_own .art_select_own_box .art_icon.r{
	right:0;
}
.art_select_own{
	/*log_03*/
	border-width:1px;
	border-style:solid;
}
.art_select_own .art_select_own_box{
	cursor:pointer;
}
.art_select_own .art_select_own_box select[multiple] ~ .list span{
	cursor:default;
}
.art_select_own{
	/*log_04*/
	min-height:34px;
	/*log_04*/
	line-height:calc(34px - 2px);
	border-color:#dbdbdb;
	background-color:#fcfcfc;
}
.disabled.art_select_own{
	background:#f7f7f7;
}
.art_select_own .art_select_own_box input:focus{
	outline:none;
}
.disabled.art_select_own .art_select_own_box{
	pointer-events: none;
}
.disabled.art_select_own{
	cursor:not-allowed;
}



/*
 *  自動選單和自動多選選單和建議清單的列表
 */
.art_list{
	/*width:???;由js設定*/
	border-radius:4px;
	background-color:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.art_list .art_list_header{
	padding:5px 10px;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid #dbdbdb;
}
.art_list .art_list_header input[type='text']{
	width:100%;
	height:30px;
	line-height:28px;
	padding:0 10px;
	outline:none;
	border:none;
}

.art_list .art_list_content{
	padding:10px;
	border-bottom:1px solid #dbdbdb;
	height: 260px;/*由chrome測量*/
	overflow-y:auto;
}
.art_list .art_list_content a{
	display:block;
	line-height:calc(30px - 1px);
	border-bottom:1px solid #dbdbdb;
	text-decoration:none;
	color:inherit;
	padding:2px 10px;
}
.art_list .art_list_content a:hover,
.art_list .art_list_content a.active:hover{
	color:#fff;
	background:#0099ff;
}
.art_list .art_list_content a.active{
	color:#fff;
	background:#73b5ff;
}
.art_list .art_list_content a.sub{
	padding:2px 10px 2px 30px;
}
.art_list .art_list_content .group{
	line-height:calc(30px - 1px);
	border-bottom:1px solid #dbdbdb;
	text-decoration:none;
	color:inherit;
	padding:2px 10px;
	font-weight:bold;
}




/*
 *  輸入日期時間
 */
.art_datetime,
.art_datetime .art_datetime_date,
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time,
.art_datetime .art_datetime_time input[type='text']{
	display:inline-block;
}
.art_datetime,
.art_datetime .art_datetime_date,
.art_datetime .art_datetime_time{
	position:relative;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	/*log_04*/
	height:34px;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	/*log_04*/
	line-height:calc(34px - 2px);
}
.art_datetime .art_datetime_date input[type='text']{
	width:135px;/*由chrome測量*/
}
.art_datetime .art_datetime_time input[type='text']{
	width:85px;/*由chrome測量*/
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	/*log_01*/
	padding-left:10px;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	/*log_01*/
	padding-right:10px;
}
.art_datetime .art_datetime_date .art_icon.l ~ input[type='text'],
.art_datetime .art_datetime_time .art_icon.l ~ input[type='text']{
	/*log_02*/
	padding-left:24px;
}
.art_datetime .art_datetime_date .art_icon.r ~ input[type='text'],
.art_datetime .art_datetime_time .art_icon.r ~ input[type='text']{
	/*log_02*/
	padding-right:24px;
}
.art_datetime{
	border-radius:4px;
}
.art_datetime .art_datetime_date .art_icon.l,
.art_datetime .art_datetime_time .art_icon.l{
	left:0;
}
.art_datetime .art_datetime_date .art_icon.r,
.art_datetime .art_datetime_time .art_icon.r{
	right:0;
}
.art_datetime{
	/*log_03*/
	border-width:1px;
	border-style:solid;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	border-style:none;
}
.art_datetime .art_datetime_date,
.art_datetime .art_datetime_time{
	cursor:pointer;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	color:#333;
}
.art_datetime{
	border-color:#dbdbdb;
}
.art_datetime{
	background-color:#fcfcfc;
}
.art_datetime .art_datetime_date input[type='text'],
.art_datetime .art_datetime_time input[type='text']{
	background:transparent;
}
.disabled.art_datetime .art_datetime_date input[type='text'],
.disabled.art_datetime .art_datetime_time input[type='text']{
	color:#999;
}
.disabled.art_datetime{
	background:#f7f7f7;
}
.art_datetime .art_datetime_date input:focus,
.art_datetime .art_datetime_time input:focus{
	outline:none;
}
.disabled.art_datetime .art_datetime_date,
.disabled.art_datetime .art_datetime_time{
	pointer-events: none;
}
.disabled.art_datetime{
	cursor:not-allowed;
}

/*
 *  月曆
 */
.art_cal{
	width:274px;/*由chrome測量*/
	border-radius:4px;
	background-color:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.art_cal .art_cal_header{
	padding:10px;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid #dbdbdb;
}
.art_cal .art_cal_header div:nth-child(1){
	display:flex;
}
.art_cal .art_cal_header div:nth-child(1) div{
	color:#333;
	padding-right:10px;
}
.art_cal .art_cal_header div:nth-child(1) a{
	flex:1;
}
.art_cal .art_cal_header div:nth-child(1) a:nth-child(4){
	text-align:right;
}
.art_cal .art_cal_header div:nth-child(2){
	display:flex;
}
.art_cal .art_cal_header div:nth-child(2) span{
	flex:1;
	text-align:center;
	color:#888;
}
.art_cal .art_cal_content{
	padding:10px;
	border-bottom:1px solid #dbdbdb;
	height: 260px;/*由chrome測量*/
}
.art_cal .art_cal_content div{
	display:flex;
}
.art_cal .art_cal_content div span{
	flex:1;
	text-align:center;
	width:36px;
	height:36px;
	margin: 2px 0;
}
/*日期範圍 - 底色*/
.art_cal .art_cal_content div span.in{
	background:#73b5ff;
}
.art_cal .art_cal_content div span.in.in_first.active{
	background:#0099ff;
}
.art_cal .art_cal_content div span.in.in_last.active{
	background:#0099ff;
}
/*日期範圍 - 形狀*/
.art_cal .art_cal_content div span.in.in_first{
	border-top-left-radius:18px;
	border-bottom-left-radius:18px;
}
.art_cal .art_cal_content div span.in.in_last{
	border-top-right-radius:18px;
	border-bottom-right-radius:18px;
}
.art_cal .art_cal_content div span.in.begin_date{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.art_cal .art_cal_content div span.in.end_date{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.art_cal .art_cal_content div span.in.begin_date.end_date{
	border-radius:18px;
}
/*日期數字 - 位置*/
.art_cal .art_cal_content div span a{
	display:block;
	border-radius:18px;
	line-height:32px;
	border:2px solid;
	text-decoration:none;
}
/*日期數字 - 字色及背色 - 正常*/
.art_cal .art_cal_content div span a{
	color:#333;
	background-color:transparent;
	border-color:transparent;
}
.art_cal .art_cal_content div span a:hover{
	color:#0099ff;
	background-color:#fff;
	border-color:#0099ff;
}
.art_datetime[data-type='date_begin'] .art_cal .art_cal_content div span a:hover{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.art_datetime[data-type='date_end'] .art_cal .art_cal_content div span a:hover{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
/*日期數字 - 字色及背色 - 日期範圍內*/
.art_cal .art_cal_content div span.in a{
	color:#fff;
	background-color:transparent;
	border-color:transparent;
}
.art_cal .art_cal_content div span.in a:hover{
	color:#0099ff;
	background-color:#fff;
	border-color:#0099ff;
}
/*日期數字 - 今天*/
.art_cal .art_cal_content div span.today a{
	position:relative;
}
.art_cal .art_cal_content div span.today a:before{
	content:" ";
	display:block;
	border-bottom:2px;
	width:16px;
	height:2px;
	position:absolute;
	bottom:6px;
	left:50%;
	transform:translateX(-50%);
}
.art_cal .art_cal_content div span.today a:before{
	background:#333;
}
.art_cal .art_cal_content div span.today a:hover:before{
	background:#0099ff;
}
.art_cal .art_cal_content div span.in.today a:before{
	background:#fff;
}
.art_cal .art_cal_content div span.in.today a:hover:before{
	background:#0099ff;
}
.art_cal .art_cal_footer{
	display:flex;
	padding:10px;
	text-align:center;
}
.art_cal .art_cal_footer a.done{
	flex:2;
	margin-left:10px;
}

/*日期 錯誤*/
.error.art_cal .art_cal_content div span.in{
	background:#ff8899;
}
.error.art_cal .art_cal_content div span.in.in_first{
	background:#ff5566;
}
.error.art_cal .art_cal_content div span.in.in_last{
	background:#ff5566;
}

/*
日期 凍結 (重寫方法) Begin
*/
/*日期範圍 - 底色*/
.art_cal .art_cal_content div span.disabled.in{
	background:#eaeaea;/*由photoshop測量*/
}
.art_cal .art_cal_content div span.disabled.in.in_first.active{
	background:#d8d8d8;/*由photoshop測量*/
}
.art_cal .art_cal_content div span.disabled.in.in_last.active{
	background:#d8d8d8;/*由photoshop測量*/
}
/*日期數字 - 字色及背色 - 正常*/
.art_cal .art_cal_content div span.disabled a{
	pointer-events: none;
	color:#999;
}
/*日期數字 - 今天*/
.art_cal .art_cal_content div span.disabled.today a:before{
	background:#999;
}
/*日期 錯誤*/
.error.art_cal .art_cal_content div span.disabled.in{
	background:#eaeaea;/*由photoshop測量*/
}
.error.art_cal .art_cal_content div span.disabled.in.in_first{
	background:#d8d8d8;/*由photoshop測量*/
}
.error.art_cal .art_cal_content div span.disabled.in.in_last{
	background:#d8d8d8;/*由photoshop測量*/
}
/*
日期 凍結 (重寫方法) end
*/

/*
 *  時間
 */
.art_time{
	width:274px;/*由chrome測量*/
	border-radius:4px;
	background-color:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.art_time .art_time_header{
	padding:10px;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid #dbdbdb;
}
.art_time .art_time_header div{
	display:flex;
}
.art_time .art_time_header div .art_num{
	flex:1;
}
.art_time .art_time_header div .art_word{
	padding-left:5px;
}
.art_time .art_time_content{
	padding:10px;
	border-bottom:1px solid #dbdbdb;
	height: 270px;/*由chrome測量*/
}
.art_time .art_time_content table{
	width:100%;
}
.art_time .art_time_content table th{
	padding:0;
	font-weight:normal;
	min-width:36px;
}
.art_time .art_time_content table th .art_word{
	color:#888;	
}
.art_time .art_time_content table td{
	padding:0;
	width:auto;
}
.art_time .art_time_content table td div span{
	display:inline-block;
	text-align:center;
	width:36px;
	height:36px;
	margin: 2px 0;
}
.art_time .art_time_content hr{
	border:0;
	border-bottom:1px dashed #888;
	height:1px;
	margin:5px 0;
}
/*時間 - 底色*/
.art_time .art_time_content div span.active{
	background:#0099ff;
}
/*時間 - 形狀*/
.art_time .art_time_content div span.active{
	border-radius:18px;
}
/*時間數字 - 位置*/
.art_time .art_time_content div span a{
	display:block;
	border-radius:18px;
	line-height:32px;
	border:2px solid;
	text-decoration:none;
}
/*時間數字 - 字色及背色 - 正常*/
.art_time .art_time_content div span a{
	color:#333;
	background-color:transparent;
	border-color:transparent;
}
.art_time .art_time_content div span a:hover{
	color:#0099ff;
	background-color:#fff;
	border-color:#0099ff;
}
/*時間數字 - 字色及背色 - 範圍內*/
.art_time .art_time_content div span.active a{
	color:#fff;
	background-color:transparent;
	border-color:transparent;
}
.art_time .art_time_content div span.active a:hover{
	color:#0099ff;
	background-color:#fff;
	border-color:#0099ff;
}
.art_time .art_time_footer{
	display:flex;
	padding:10px;
	text-align:center;
}
.art_time .art_time_footer a.done{
	flex:2;
	margin-left:10px;
}


/*===== 表單設計 結束 =====*/

/*
 *  Icon圖示
 */
.art_icon.icon-default{
	background-image: url(images/icon_default_333333.svg);
}
.art_icon.icon-bottom{
	background-image: url(images/icon_bottom_333333.svg);
}
.art_icon.icon-upload{
	background-image: url(images/icon_upload_333333.svg);
}
.art_radio_ico input ~ .art_icon.icon-radio{
	background-image: url(images/icon_radio_333333.svg);
}
.art_radio_ico input:checked ~ .art_icon.icon-radio{
	background-image: url(images/icon_radio_checked_333333.svg);
}
.art_checkbox_ico input ~ .art_icon.icon-checkbox{
	background-image: url(images/icon_checkbox_333333.svg);
}
.art_checkbox_ico input:checked ~ .art_icon.icon-checkbox{
	background-image: url(images/icon_checkbox_checked_333333.svg);
}
.art_icon.icon-link{
	background-image: url(images/icon_link_23aaec.svg);
}
.art_icon.icon-link:hover{
	background-image: url(images/icon_link_ff8e09.svg);
}
.art_icon.icon-eye-open{
	background-image: url(images/icon_eye_open_23aaec.svg);
}
.art_icon.icon-eye-open:hover{
	background-image: url(images/icon_eye_open_ff8e09.svg);
}
.art_icon.icon-eye-close{
	background-image: url(images/icon_eye_close_23aaec.svg);
}
.art_icon.icon-eye-close:hover{
	background-image: url(images/icon_eye_close_ff8e09.svg);
}
.art_icon.icon-cancel{
	background-image: url(images/icon_cancel_23aaec.svg);
}
.art_icon.icon-cancel:hover{
	background-image: url(images/icon_cancel_ff8e09.svg);
}
.art_icon.icon-calendar{
	background-image: url(images/icon_calendar_23aaec.svg);
}
.art_icon.icon-calendar:hover{
	background-image: url(images/icon_calendar_ff8e09.svg);
}
.art_icon.icon-time{
	background-image: url(images/icon_time_23aaec.svg);
}
.art_icon.icon-time:hover{
	background-image: url(images/icon_time_ff8e09.svg);
}
.art_icon.icon-add{
	background-image: url(images/icon_add_23aaec.svg);
}
.art_icon.icon-add:hover{
	background-image: url(images/icon_add_ff8e09.svg);
}
.art_icon.icon-subtract{
	background-image: url(images/icon_subtract_23aaec.svg);
}
.art_icon.icon-subtract:hover{
	background-image: url(images/icon_subtract_ff8e09.svg);
}


::selection {
	background:#ff8e09;
	color:#fff;
}
::-moz-selection{
	background:#ff8e09;
	color:#fff;
}
*{
	box-sizing:border-box;
	margin:0;
	padding:0;
	transition:all .2s;
}
html{
	margin:0;
	padding:0;
}
body{
	font-family: ff-PGothic, Verdana, "Microsoft JhengHei", sans-serif;
	font-size:15px;
	overflow-y:scroll;
	margin:0;
	padding:0;
	background:#eef2f6;
	color:#333;
}
img{
	border:0;
}
p{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#23aaec;
}
a:hover{
	color:#ff8e09;
}

hr{
	margin:10px 0;
}

.btn_01{
	display:block;
	margin:0 20px 10px 20px;
	width:calc(100% - 20px - 20px);
	height:40px;
	border:none;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	font-size:15px;
	background:#85ca56;
}
.btn_01:hover{
	background:#6bac3f;
}
.btn_02{
	font-size:13px;
	white-space:nowrap;
	margin:2px 5px 2px 0;
	padding:4px 10px;
    display:inline-block;
    border-radius:4px;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:1px;
	color:#fff !important;
	background:#85ca56;
	border:1px solid #85ca56;
}
.btn_02:hover{
	color:#fff !important;
	background:#6bac3f;
	border:1px solid #6bac3f;
}
.btn_02.disabled{
	opacity:0.5;
	pointer-events:none;
}
.btn_03{
	font-size:13px;
	white-space:nowrap;
	margin:2px 5px 2px 0;
	padding:4px 10px;
    display:inline-block;
    border-radius:4px;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:1px;
	background:#fff;
	color:#333 !important;
	border:1px solid #ccc;
}
.btn_03:hover{
	color:#ff4052 !important;
	border:1px solid #ff4052;
}
.btn_03.disabled{
	opacity:0.5;
	pointer-events:none;
}

.btn_04{
	margin:5px 0 5px 0;
	padding:0.1em 0.8em;
    display: inline-block;
    border-radius:3px;
	border:none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	cursor:pointer;
	background:#53c1c0;
	color:#fff;
	text-decoration:none;
}
.btn_04:hover{
	background:#47a5a4;
}

.btn_05{
	display:block;
	text-decoration:none;
	margin:0 0 10px 0;
}
.btn_05 span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-size:15px;
	color:#23aaec;
}
.btn_05:hover span{
	color:#ff8e09;
}
.btn_06{
	font-size:15px;
	white-space:nowrap;
	margin:2px 10px 10px 0;
	padding:5px 15px;
    display:inline-block;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:1px;
	color:#fff !important;
	background:#2a58ae;
}
.btn_06:hover{
	background:#ff8e09;
}
.btn_07{
	font-size:13px;
	white-space:nowrap;
	margin:2px 5px 2px 0;
	padding:4px 10px;
    display:inline-block;
    border-radius:4px;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:1px;
	background:#fff;
	color:#23aaec !important;
	border:1px solid #23aaec;
}
.btn_07:hover{
	color:#ff8e09 !important;
	border:1px solid #ff8e09;
}



.message{
	border:1px solid #dbdbdb;
	border-radius:4px;
	background:#fff;
	margin:10px 10px 20px 10px;
	padding:0;
	display:none;
}
.message table .message_text{
	font-size:15px;
	padding:10px;
	color:#ff4052;
}
.message .message_close{
	padding:0;
	width:50px;
	text-align:center;
}
.message .message_close a{
	text-decoration:none;
	font-size:14px;
}
.message.ok table .message_text{
	color:#0f9704;
}


.message_print_errer{
	border:1px solid #dbdbdb;
	border-radius:4px;
	background:#fff;
	margin:10px 10px 20px 10px;
	padding:0;
}
.message_print_errer table .message_text{
	font-size:15px;
	padding:10px;
	color:#ff4052;
}
.message_print_errer .message_close{
	padding:0;
	width:50px;
	text-align:center;
}
.message_print_errer .message_close a{
	text-decoration:none;
	font-size:14px;
}


.message_print_ok{
	border:1px solid #dbdbdb;
	border-radius:4px;
	background:#fff;
	margin:10px 10px 20px 10px;
	padding:0;
}
.message_print_ok table .message_text{
	font-size:15px;
	padding:10px;
	color:#0f9704;
}
.message_print_ok .message_close{
	padding:0;
	width:50px;
	text-align:center;
}
.message_print_ok .message_close a{
	text-decoration:none;
	font-size:14px;
}







.wrapper{
	padding:0;
}

.home_box{
	font-size:16px;
	margin: 10px 10px 10px 10px;
	color:#555;
}
.home_box p{
	margin:0 0 10px 0;
}

.note_txt{
	margin:10px 0 0 0;
	font-size:15px;
	color:#0f9704;
}
.note_txt p{
	margin:0 0 2px 14px;
	text-indent:-8px;
}
.note_txt p:before{
	content:"※";
	display:inline-block;
	margin:0 2px 0 0;
}



/* 登入區 */
.login{
	margin:60px 16px 0 16px;
	text-align:center;
}
.login table{
	background:#fff;
	width:100%;
	max-width:400px;
	margin:0 auto;
}
.login table tr:nth-child(1) th{
	background:#eef2f6;
}
.login table tr:nth-child(1) th img{
	width:100%;
}
.login table th{
	padding:10px 0 0 0;
}
.login table td{
	font-size:16px;
}
.login table td[align="right"]{
	padding:20px 10px 0px 20px;
	min-width:120px;
	text-align:left;
}
.login table td[align="left"]{
	padding:20px 20px 0px 0;
}
.login table td .login_bottom{
	margin:10px 0 0 0;
}
.login table table{
	background:#fff;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.login table table th{
	padding:0;
}
.login table table td{
	padding:0;
}
.login table table td img{
	margin:0 0 0 5px;
}
.login table table td .reset{
	display:block;
	margin:0 0 0 5px;
	width:16px;
	height:16px;
	background-image: url(images/icon_reset_23aaec.svg);
}
.login table table td .reset:hover{
	background-image: url(images/icon_reset_ff8e09.svg);
}

/* login_footer */
.login_footer{
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:18px;
	color:#4c4743;
}

.footer{
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:18px;
	color:#4c4743;
	text-align:center;
}


/* 忘記密碼區 */
.forget{
	margin:60px 16px 0 16px;
	text-align:center;
}
.forget table{
	background:#fff;
	width:100%;
	max-width:400px;
	margin:0 auto;
}
.forget table tr:nth-child(1) th{
	background:#eef2f6;
}
.forget table tr:nth-child(1) th img{
	width:100%;
}
.forget table th{
	padding:10px 0 0 0;
}
.forget table td{
	font-size:16px;
}
.forget table td[align="right"]{
	padding:20px 10px 0px 20px;
	width:100px;
}
.forget table td[align="left"]{
	padding:20px 20px 0px 0;
}
.forget table td .forget_bottom{
	margin:10px 0 0 0;
}
.forget table table{
	background:#fff;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.forget table table th{
	padding:0;
}
.forget table table td{
	padding:0;
}
.forget table table td img{
	margin:0 0 0 5px;
}
.forget table table td .reset{
	display:block;
	margin:0 0 0 5px;
	width:16px;
	height:16px;
	background-image: url(images/icon_reset_23aaec.svg);
}
.forget table table td .reset:hover{
	background-image: url(images/icon_reset_ff8e09.svg);
}



/* login_msg */
.login_msg{
	margin:100px 0 0 0;
	text-align:center;
}

.login_msg table{
	border:2px solid #ed6c44;
}
.login_msg table th{
	/**/
}
.login_msg table td{
	padding:5px;
}
.login_msg table td p{
	padding:0 10px 5px 10px;
	text-align:left;
	color:#333;
}
.login_msg table td .login_msg_bottom{
	padding:0 10px 5px 10px;
}


/* header */
.header{
	margin:0;
	padding:0;
}
.header table td{
	padding:0 20px;
	background:#2a58ae;
	vertical-align:middle;
}
.header table td:nth-child(1) img{
	border:0;
}
.header table td:nth-child(2){
	text-align:right;
}
.header table td:nth-child(2) a{
	text-decoration:none;
	font-size:13px;
	display:inline-block;
	padding:0 20px;
	margin:0 0 0 10px;
	border-radius:98px;
	line-height:24px;
	border:1px solid #fff;
	color:#fff;
}
.header table td:nth-child(2) a:hover{
	border:1px solid #3fc0ff;
	color:#3fc0ff;
}
@media(max-width:1000px){
.header table td{
	padding:0 10px;
	display:block;
}
.header table td:nth-child(1){
	text-align:center;
}
.header table td:nth-child(2){
	text-align:center;
	padding-bottom:10px;
}
}

/* box */
.box > table{
	table-layout:fixed;
}
.box > table .td_1{
	margin:0;
	padding:0;
	width:180px;
	min-width:160px;
}
.box > table .td_2{
	margin:0;
	padding:0;
}
@media(max-width:1000px){
.box > table .td_1{
	width:0px;
	min-width:0px;
}
}


/* menu */
.menu{
	margin:20px 10px 0 0;
	padding:0 0 0 20px;
	position:sticky;
	top:10px;
}
.menu .menu_box{
	margin:0 0 40px 0;
}
.menu .menu_box .title{
	margin:0;
	padding:0 10px 5px 10px;
	font-size:13px;
	border-bottom:2px solid #bdcbdc;
}
.menu .menu_box a{
	text-decoration:none;
	display:block;
	font-size:15px;
	margin:0 0 0 0;
	padding:5px 10px;
	border-bottom:1px dashed #bdcbdc;
	color:#2a58ae;
}
.menu .menu_box a:hover,
.menu .menu_box .a_hover{
	border-bottom:1px solid #ff8e09;
	color:#ff8e09;
}
@media(max-width:1000px){
.menu{
	display:none;
	margin:0;
	padding:30px 0 0 0;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	height:100%;
	overflow:auto;
	text-align:center;
	z-index:200;
}
.menu .menu_box .title{
	font-size:14px;
}
.menu .menu_box a{
	font-size:16px;
}
}


/*切換Menu按鈕*/
.menu_switch{
	position:fixed;
	top:20px;
	right:20px;
	display:none;
	width:40px;
	height:40px;
	background:#fff;
	border:2px solid #2a58ae;
	border-radius:4px;
	background:#fff url(images/icon_menu_2a58ae.svg) 50% 50% no-repeat;
	z-index:201;
}
@media(max-width:1000px){
.menu_switch{
	display:inline-block;
}
}

/*覽導列*/
ul.breadcrumb{
	margin:20px 0 20px 10px;
	padding:0;
	list-style:none;
}
ul.breadcrumb li{
	display:inline;
	font-size:13px;
}
ul.breadcrumb li:nth-child(1){
	padding:0 0 0 18px;
	background:url(images/icon_home_333333.svg) 0 50% no-repeat;
}
ul.breadcrumb li+li:before {
	padding:5px 0px;
	color:#2a58ae;
	content:":";
}
ul.breadcrumb li+li+li:before {
	padding:5px 2px;
	color:#2a58ae;
	content:"/\00a0";
}
ul.breadcrumb li a {
	color:#2a58ae;
	text-decoration:none;
}
ul.breadcrumb li a:hover {
	color:#ff8e09;
}
@media(max-width:1000px){
ul.breadcrumb{
	margin:0px 0 20px 10px;
	padding:5px 0;
	background:#eef2f6;
	position:sticky;
	top:0;
	z-index:50;
}
}


/**/
.info_box{
	margin:10px 0;
	padding:0;
}
.info_box table th,
.info_box table td{
	padding:4px 10px;
}
.info_box table th{
	text-align:left;
	min-width:80px;
}
/**/
.query_box{
	background:#dbe5ef;
	margin:10px 10px;
	padding:10px;
}
.query_box .art_text{
	max-width:200px;
}
.query_box a{
	color:#2a58ae;
}
.query_box a:hover{
	color:#ff8e09;
}
.query_box .art_button{
	color:#fff;
	border-color:#23aaec;
	background:#23aaec;
}
.query_box .art_button:hover{
	color:#fff;
	border-color:#ff8e09;
	background:#ff8e09;
}
/**/
.import_box{
	background:#dbe5ef;
	margin:10px 10px;
	padding:10px;
}
.import_box .art_upload_raw{
	max-width:260px;
}
.import_box a{
	color:#2a58ae;
}
.import_box a:hover{
	color:#ff8e09;
}
.import_box .art_button{
	color:#fff;
	border-color:#23aaec;
	background:#23aaec;
}
.import_box .art_button:hover{
	color:#fff;
	border-color:#ff8e09;
	background:#ff8e09;
}
/**/
.func_box{
	margin:0 10px 10px 10px;
	padding:0;
}
.func_box .btn_02{
	border-radius:0;
	background:#23aaec;
	border:1px solid #23aaec;
}
.func_box .btn_02:hover{
	background:#ff8e09;
	border:1px solid #ff8e09;
}
.func_box .line{
	display:inline-block;
	margin-right:5px;
	color:#bdcbdc;
}
.func_box .line + form{
	background:#fff;
	display:inline-block;
	border:1px solid #23aaec;
	font-size: 13px;
	white-space: nowrap;
	margin: 2px 5px 2px 0;
	padding: 0 0 0 10px;
}
.func_box .line + form input[type="text"]{
	font-family:inherit;
	width:160px;
	border:none;
}
.func_box .line + form input[type="text"]:focus{
	outline:none;
}
.func_box .line + form input[type="submit"]{
	cursor:pointer;
	color:#fff;
	border-color:transparent;
	background:#23aaec;
	padding:2px 10px;
}
.func_box .line + form input[type="submit"]:hover{
	background:#ff8e09;
}

.browse_box{
	margin:0 10px 0 10px;
	padding:0;
	overflow-x:auto;
	clear:both;
}
.browse_box table{
	border:0;
	background:#fff;
}
.browse_box table th{
	border:0;
	font-size:14px;
	padding:5px 10px;
	text-align:left;
	color:#333;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:1px solid #dae3e7;
	background-color:#eef2f6;
}
.browse_box table th a{
	text-decoration:none;
	padding:0 16px 0 0;
	color:#333;
}
.browse_box table th a:hover{
	color:#2a58ae;
}
.browse_box table th a.sort{
	background:url(images/icon_sort_333333.svg) 100% 50% no-repeat;
}
.browse_box table th a.sort:hover{
	background:url(images/icon_sort_2a58ae.svg) 100% 50% no-repeat;
}
.browse_box table th a.desc{
	background:url(images/icon_sort_desc_333333.svg) 100% 50% no-repeat;
}
.browse_box table th a.desc:hover{
	background:url(images/icon_sort_desc_2a58ae.svg) 100% 50% no-repeat;
}
.browse_box table th a.asc{
	background:url(images/icon_sort_asc_333333.svg) 100% 50% no-repeat;
}
.browse_box table th a.asc:hover{
	background:url(images/icon_sort_asc_2a58ae.svg) 100% 50% no-repeat;
}
.browse_box table td{
	border:0;
	font-size:14px;
	padding:5px 10px;
	border-bottom:1px solid #dae3e7;
	border-left:1px solid #dae3e7;
	min-width:100px;
	height:40px;
}
.browse_box table td:last-child{
	border-right:1px solid #dae3e7;
}
.browse_box table td a{
	text-decoration:none;
	color:#23aaec;
}
.browse_box table td a:hover{
	color:#ff8e09;
}
.browse_box table td img{
	width:100%;
	max-width:200px;
}
.browse_box table td span.item::after{
	content:"、";
}
.browse_box table td span.item:last-child::after{
	content:"";
}


.browse_box table tr:hover{
	box-shadow:0 0 10px #e5e5e5;
	background:#fff9f1;
}

.browse_box table tr:hover td{
	/*background:#fff9f1;*/
}


.bottom_box{
	margin:0 10px 0 10px;
	padding:0;
	overflow:hidden;
}

.detail_box{
	font-size:15px;
	margin:0 10px 0 10px;
	padding:0;
	overflow-x:auto;
}
.detail_box table{
	border:0;
	background:#fff;
}
.detail_box table th{
	border:0;
	padding:10px 20px;
	border-bottom:1px solid #dae3e7;
	border-right:1px solid #dae3e7;
	text-align:left;
	font-weight:normal;
	width:190px;
	min-width:120px;
	color:#2a58ae;
}
.detail_box table td{
	border:0;
	padding:10px 20px;
	border-bottom:1px solid #dae3e7;
}
.detail_box table td .bookcover{
	width:130px;
}
.detail_box table td .banner_img{
	width:180px;
}
.detail_box table td .ad_img{
	width:180px;
}
.detail_box table td .small_title{
	margin:10px 0 5px 0;
	font-size:14px;
}
.detail_box table td hr{
	margin:20px 0;	
}
.detail_box table td h3{
	margin:10px 0 5px 0;
	font-size:13px;
	font-weight:normal;
}
.detail_box table td h3:first-child{
	margin:0 0 5px 0;
}
.detail_box table td span.item::after{
	content:"、";
}
.detail_box table td span.item:last-child::after{
	content:"";
}
.detail_box .file_review{
	display:block;
	margin:0 0 10px 0;
}
@media(max-width:1000px){
.detail_box table th{
	padding:20px 0 5px 0;
	border-bottom:none;
	border-right:none;
	text-align:left;
	width:inherit;
	min-width:inherit;
	background:#eef2f6;
	display:block;
}
.detail_box table td{
	padding:10px 10px;
	display:block;
}
}
/*第二個表格*/
.detail_box table table th{
	padding:5px 0;
	border-bottom:none;
	border-right:none;
	display:table-cell;
	background:inherit;
	font-size:12px;
	color:inherit;
}
.detail_box table table td{
	padding:5px 0;
	border-bottom:none;
	vertical-align:top;
	display:table-cell;
}
.detail_box table table td{
	padding-right:4px;
}
.detail_box table table td:last-child{
	padding-right:0px;
}
/*編輯器改良設計*/
.detail_box table table.table_ckeditor{
	/**/
}
.detail_box table table.table_ckeditor th,
.detail_box table table.table_ckeditor td{
	/*display:block;*/
}

/*ui-accordion*/
.detail_box .ui-widget{
	font-family:inherit;
}
.detail_box .ui-accordion .ui-accordion-header{
	margin:0;
	font-size:14px;
}
.detail_box .ui-accordion .ui-accordion-icons{
	padding-left:10px;
}
.detail_box .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	display:none;
}

/*tr_watermark*/
.detail_box .tr_watermark .wm_box .art_word span{
	font-size:15px;
	color:#2a58ae;
}


/* detail_note
----------------------------------*/
.detail_note{
	font-size:13px;
	margin: 10px 10px 10px 10px;
	color:#555;
}
.detail_note p{
	margin:0 0 10px 0;
}




/**/
.pager_404 table{
	margin:100px 0 0 0;
	width:400px;
}
.pager_404 table td .txt_01{
	margin:20px 0 20px 0;
	text-align:left;
	font-size:15px;
	line-height:24px;
}
.pager_404 table td .txt_02{
	margin:0 0 20px 0;
	text-align:left;
	font-size:13px;
	line-height:20px;
}

/*步驟區塊*/
.steps_box{
	margin:0 10px 10px 10px;
	padding:0;
}
.steps_box span{
	display:inline-block;
	height:30px;
	line-height:30px;
	width:30px;
	border-radius:100%;
	text-align:center;
	font-size:15px;
	color:#fff;
	background:#afbedb;
	margin:0 5px;
}
.steps_box span.title{
	height:30px;
	line-height:30px;
	color:#2a58ae;
	background:none;
	margin:0 0px;
	white-space:nowrap;
}
.steps_box span.active{
	background:#2a58ae;
}
/**/
.page_num_total{
	float:right;
	display:inline-block;
	padding:5px 0;
	margin:10px 0;
}
.page_num_total::after{
	content:"|";
	color:#bdcbdc;
}
.page_num_total span{
	display:inline-block;
	padding:0 10px;
	
}

/* bootstrap css */
.pagination {
	float:right;
	display: inline-block;
	padding-left: 0;
	margin: 10px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 5px 10px;
	margin: 0 1px;
	color: #2a58ae;
	text-decoration: none;
	background-color:inherit;
	border: 1px solid #eef2f6;
	border-radius:4px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	/*
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	*/
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	/*
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	*/
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	background-color:#fff;
	border-color: #dae3e7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	cursor: default;
	background-color:#fff;
	border-color: #dae3e7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999;
	cursor: not-allowed;
	background-color:inherit;
	border: 1px solid #eef2f6;
}

/*拖曳上傳檔案區塊*/
.file_box{
	font-size:14px;
}
.file_box .msg_error{
	background:#eee;
	border:2px dashed #ccc;
	padding:10px;	
}
.file_box .file_box_list{
	margin:0 0 5px 0;
}
.file_box .file_box_list .item{
	line-height:30px;
	margin:0 0 0 0;
	background:#fff;
	display:flex;
	align-items:center;
}
.file_box .file_box_list .item:nth-child(odd){
	background:#f1f7ff;
}
.file_box .file_box_list .item .l{
	flex:1;
	padding:2px 10px;
}
.file_box .file_box_list .item .l > div{
	display:flex;
	align-items:center;
}
.file_box .file_box_list .item .l > div .link_download,
.file_box .file_box_list .item .l > div .file_text{
	flex:1;
	text-decoration:none;
	display:inline-block;
	color:#333;
}
.file_box .file_box_list .item .l > div .link_download:hover{
	color:#2a6bc5;
}
.file_box .file_box_list .item .l > div .link_download img{
	display:block;
	margin:10px;
	max-height:80px;
}
.file_box .file_box_list .item .l > div .bytesize{
	color:#333;
	font-size:13px;
}
.file_box .file_box_list .item .r{
	width:30px;
}
.file_box .file_box_list .item .r .link_del{
	text-decoration:none;
	display:inline-block;
	width: 30px;
	height: 30px;
	background: url(images/icon_del.svg) 50% 50% no-repeat;
}
.file_box .file_box_list .item .r .link_del:hover{
	background: url(images/icon_del_hover.svg) 50% 50% no-repeat;
}

.file_box .file_box_upload{
	position:relative;
	margin:0 0 5px 0;
}
.file_box .file_box_upload .mod_select{
	display:block;
	background:#f6f6f6;
	border:2px dashed #e5e5e5;
}

.file_box .file_box_upload .mod_select .mod_select_view{
	display:inline;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	color:#888;
}
.file_box .file_box_upload .mod_select .mod_select_view .or{
	position:relative;
	margin:10px 0;
}
.file_box .file_box_upload .mod_select .mod_select_view .fileformat{
	margin:10px 0 0 0;
	pointer-events: none;
}
.file_box .file_box_upload .mod_select .mod_select_view .file_max{
	margin:5px 0 0 0;
	pointer-events: none;
}
.file_box .file_box_upload .mod_select .mod_select_view .or:before,
.file_box .file_box_upload .mod_select .mod_select_view .or:after{
	content:" ";
	display:block;
	text-align:center;
	width:50px;
	position:absolute;
	top:0;
	left:50%;
	border-top:1px solid #888;
	transform:translate(20px,10px);
}
.file_box .file_box_upload .mod_select .mod_select_view .or:after{
	transform:translate(-70px,10px);
}
.file_box .file_box_upload .mod_select .mod_select_view a{
	display:inline-block;
	line-height:26px;
	background:#448aea;
	color:#fff;
	text-decoration:none;
	padding:0 20px;
	font-size:13px;
	border-radius:13px;
	letter-spacing:2px;
}
.file_box .file_box_upload .mod_select .mod_select_view a:hover{
	background:#5a9fff;
}
.file_box .file_box_upload .mod_select .mod_select_file{
	display:block;
	width:100%;
	height:200px;
	cursor:pointer;
	opacity:0;
	background:#ff0;
}
.file_box .file_box_upload .mod_review{
	padding:10px;
	background:#f6f6f6;
	border:2px solid #e5e5e5;
	display:none;
	min-height:200px;
}
.file_box .file_box_upload .mod_review .action{
	text-align:center;
	margin:5px 0 0 0;
}
.file_box .file_box_upload .mod_review .action a{
	position:relative;
	display:inline-block;
	line-height:30px;
	background:#f05a5a;
	color:#fff;
	text-decoration:none;
	margin:10px 0 0 0;
	padding:0 20px;
	font-size:13px;
	border-radius:4px;
}
.file_box .file_box_upload .mod_review .action a:hover{
	background:#ff7272;
}
.file_box .file_box_upload .mod_review .list div{
	margin:0 0 5px 0;
	padding:0 10px;
	line-height:30px;
	border-bottom:1px solid #c7c7c7;
	color:#333;
}
.file_box .file_box_upload .mod_review .list div span{
	float:right;
	font-size:13px;
}

.file_box .file_box_upload .mod_review .message{
	display:none;
	text-align:center;
	margin:10px 0 0 0;
	color:#333;
	background:#f6f6f6;
}
.file_box .file_box_info{
	margin:0 0 5px 0;
	font-size:13px;
	color:#3377d4;
}
.file_box .progress{
	background:#e5e5e5;
	height:5px;
}
.file_box .progress span{
	display:block;
	height:5px;
	background:#3377d4;
	-webkit-transition:all 1s;
	transition:all 1s;
	width:0%;
}
.file_box .progress span.progress_over{
	background:#e62224;
}
/*透明棒*/
#wm_slider_show{
	display:inline-block;
	width:50px;
}
.slider{
  -webkit-appearance:none;
  width:300px;
  height:6px;
  border-radius: 5px;
  background:#d3d3d3;
  outline: none;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width:20px;
  height:20px;
  border-radius: 50%;
  background:#23aaec;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width:20px;
  height:20px;
  border-radius: 50%;
  background:#23aaec;
  cursor: pointer;
}

/**/
.title_txt,
.title_img{
	display:none;
}





/*steps_page*/
.steps_page{
	display:none;
}

.color_picker{
	max-width:100px;
}

.paper_title{
	font-size:18px;
	padding:10px 10px 0 10px;
}





/**/
.table_group{
	width:100%;
}
.table_group .tr_copy{
	display:none;
}
.table_group td:nth-child(2){
	width:20px;
	text-align:center;
	vertical-align:middle;
}
.table_group_add{
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	background:url(images/icon_add_23aaec.svg) 50% 50% no-repeat;
}
.table_group_add:hover{
	background:url(images/icon_add_ff8e09.svg) 50% 50% no-repeat;
}
.table_group_del{
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	background:url(images/icon_subtract_23aaec.svg) 50% 50% no-repeat;
}
.table_group_del:hover{
	background:url(images/icon_subtract_ff8e09.svg) 50% 50% no-repeat;
}
.table_group_bottom{
	text-align:center;
}

/*item_box*/
.item_box{
	/*margin-bottom:10px;*/
	width:100%;
	background:#0FC;
}
.item_box td{
	padding:0 !important;
}
.item_box .b td{
	width:50%;
}
.item_box .c td{
	width:33.3%;
}
.item_box .d td{
	width:25%;
	text-align:center;
}
.item_box .e td:nth-child(1){
	width:75%;
}
.item_box .e td:nth-child(2){
	width:25%;
}

.item_box .art_text,
.item_box .art_upload_raw{
	max-width:none;
}
@media(max-width:1000px){
.item_box td{
	display:block !important;
}
.item_box .b td{
	width:100%;
}
.item_box .c td{
	width:100%;
}
.item_box .d td{
	width:100%;
}
.item_box .e td:nth-child(1){
	width:100%;
}
.item_box .e td:nth-child(2){
	width:100%;
}

}





/* 自助報到 */
.checkin_self{
	margin:0;
	padding:50px;
	text-align:center;
}


/* list_select設計 開始 */
.list_select{
	display:flex;
	font-size:15px;
}
.list_select select{
	display:none;
}
.list_select .list_select_L,
.list_select .list_select_R{
	flex:1;
}
.list_select .list_select_C{
	align-self:center;
	text-align:center;
}
.list_select .list_select_C button{
	display:block;
	position:relative;
	margin:10px;
	cursor:pointer;
	width:30px;
	height:30px;
	line-height:30px;
	border:none;
	color:#fff;
	background:#23aaec;
}
.list_select .list_select_C button:hover{
	background:#ff8e09;
}
.list_select .list_select_C button.disabled{
	pointer-events:none;
	opacity:.2;
}

.list_select .list_select_C button:nth-child(1)::after{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:"▶";
}
.list_select .list_select_C button:nth-child(2)::after{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:"◀";
}
.list_select .title{
	margin:0 0 10px 0;
}
.list_select .list_select_search{
	margin:0 0 10px 0;
	border:1px solid #dbdbdb;
}
.list_select .list_select_search input{
	padding:0 10px;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:inherit;
	border:none;
	outline:none;
	background-color:#fcfcfc;
	color:#333;	
}
.list_select .list_select_list{
	background-color:#fcfcfc;
	border:1px solid #dbdbdb;
	height:300px;
	overflow-y:scroll;
}
.list_select .list_select_list p{
	user-select:none;
	padding:0 10px;
	cursor:pointer;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #dbdbdb;
	color:inherit;
	background-color:transparent;
}
.list_select .list_select_list p:hover{
	background-color:#f2f2f2;
}
.list_select .list_select_list p.selected{
	color:#fff;
	background-color:#79b2ff;
}

@media(max-width:768px){
.list_select{
	display:block;	
}
.list_select .list_select_C button{
	display:inline-block;
}
.list_select .list_select_C button:nth-child(1)::after{
	content:"▼";
}
.list_select .list_select_C button:nth-child(2)::after{
	content:"▲";
}
}
/* list_select設計 結束 */


/* 上傳檔案功能的刪除舊檔案 開始 */
.oldfile_box a{
	display:inline-block !important;
}
/* 上傳檔案功能的刪除舊檔案 結束 */


/**/
.sex_custom .art_text{
	max-width:100px;
}

/**/
.s_01{
	
}
.s_02{
	font-size:13px;
}
.s_03{
	border-radius:4px;
	margin:0 10px 10px 0;
	padding:10px;
	display:inline-block;
	color:#fff !important;
	background:#85ca56;
}
.s_03:hover{
	color:#fff;
	background:#6bac3f;
}
.s_04{
	margin:0 0 20px 0;
	font-size:30px;
	color:#2a58ae;
}
.s_05{
	margin:0 0 20px 0;
	font-size:22px;
}
.s_05 span{
	display:block;
	margin:0 0 10px 0;
	font-size:15px;
	color:#2a58ae;
}
.s_06{
	margin:0 0 20px 0;
	font-size:22px;
}
.s_06 span{
	display:block;
	margin:0 0 10px 0;
	font-size:15px;
	color:#2a58ae;
}



/*修正*/
.art_time .art_time_content table th{
	width:36px;
}
.fix_01.art_datetime .art_datetime_date input[type='text']{
	/*width:120px;*/
}
.fix_01.art_datetime .art_datetime_time input[type='text']{
	/*width:80px;*/
}
.fix_02{
	width:auto;
}
.fix_03 field_name,
.fix_04 field_name,
.fix_05 field_name,
.fix_09 field_name,
.fix_10 field_name,
.fix_11 field_name,
.fix_12 field_name,
.fix_13 field_name,
.fix_25 field_name,
.fix_26 field_name,
.fix_27 field_name,
.fix_28 field_name,
.fix_29 field_name,
.fix_30 field_name{
	z-index:1;
	line-height:34px;
	font-size:13px;
	color:#2a58ae;
	position:absolute;
	top:0;
	left:10px;
}
.fix_03 input[type="text"]{
	padding-left:65px;
	border-radius:4px 4px 0 0;
}
.fix_04 input[type="text"]{
	padding-left:120px;
	border-radius:0 0 0 0;
}
.fix_05 input[type="text"]{
	padding-left:100px;
	border-radius:0 0 0 0;
}
.fix_12 .file_review,
.fix_25 .file_review,
.fix_28 .file_review{
	z-index:1;
	line-height:34px;
	font-size:13px;
	position:absolute;
	top:0;
}
.fix_12 .file_review{
	left:70px;
}
.fix_12 .file_review ~ input[type="text"]{
	padding-left:100px;
}
.fix_28 .file_review{
	left:90px;
}
.fix_28 .file_review ~ input[type="text"]{
	padding-left:120px;
}
.fix_04 input[type="text"],
.fix_05 input[type="text"],
.fix_09 input[type="text"],
.fix_10 input[type="text"],
.fix_11 input[type="text"],
.fix_12 input[type="text"],
.fix_13 input[type="text"],
.fix_29 input[type="text"],
.fix_30 input[type="text"]{
	margin-top:-1px;
}
.fix_05 input[type="text"],
.fix_10 input[type="text"],
.fix_11 input[type="text"]{
	margin-left:-1px;
}
.fix_08{
	display:block;
	color:#73b5ff;
}
.fix_08 .l ~ span {
    padding-left: calc(42px + 0px);
}
.fix_09 input[type="text"]{
	padding-left:110px;
	border-radius:4px 0 0 0;
}
.fix_10 input[type="text"]{
	padding-left:90px;
	border-radius:0 0 0 0;
}
.fix_11 input[type="text"]{
	padding-left:90px;
	border-radius:0 4px 0 0;
}
.fix_12 input[type="text"]{
	padding-left:70px;
	border-radius:0 0 0 0;	
}

.fix_13 input[type="text"]{
	padding-left:70px;
	border-radius:0 0 4px 4px;
}
.fix_15,
.fix_15 .art_select_own_box{
	max-width:inherit;
}
.fix_21 field_name,
.fix_22 field_name,
.fix_23 field_name,
.fix_24 field_name{
	z-index:1;
	line-height:34px;
	font-size:13px;
	color:#2a58ae;
	position:absolute;
	top:0;
	left:10px;
}

.fix_22 input[type="text"],
.fix_23 input[type="text"],
.fix_24 input[type="text"],
.fix_26 input[type="text"]{
	margin-left:-2px;
}

.fix_21 input[type="text"]{
	padding-left:90px;
	border-radius:4px 0 0 4px;
}
.fix_22 input[type="text"]{
	padding-left:70px;
	border-radius:0 0 0 0;
}
.fix_23 input[type="text"]{
	padding-left:70px;
	border-radius:0 4px 4px 0;
}
.fix_24 input[type="text"]{
	padding-left:90px;
	border-radius:0 4px 4px 0;
}
.fix_25 .file_review{
	left:90px;
}
.fix_25 input[type="text"]{
	padding-left:120px;
	border-radius:4px 0 0 4px;
}
.fix_26 input[type="text"]{
	padding-left:90px;
	border-radius:0 4px 4px 0;
}
.fix_27 input[type="text"]{
	padding-left:90px;
	border-radius:4px 0 0 4px;
}
.fix_28 input[type="text"]{
	padding-left:90px;
	border-radius:4px 4px 0 0;
}
.fix_29 input[type="text"]{
	padding-left:70px;
	border-radius:0 0 0 0;
}
.fix_30 input[type="text"]{
	padding-left:70px;
	border-radius:0 0 0 0;
}
.func_box .line + form.fix_31{
	border:none;
	background:none;
	padding:0;
}
.func_box .line + form.fix_31 .art_select{
	width:auto;
}
.func_box .line + form.fix_31 .art_select select{
	font-size:13px;
	height:30px;
	line-height:calc(30px - 2px);
}
.func_box .line + form.fix_31 .art_text{
	width:auto;
}
.func_box .line + form.fix_31 .art_text input{
	font-size:13px;
	height:30px;
	line-height:calc(30px - 2px);
	border:1px solid #dbdbdb;
	width:auto;
}
.func_box .line + form.fix_31 .art_button{
	font-size:13px;
	height:30px;
	line-height:0;
	padding:0 10px;
}
@media(max-width:1000px){
.fix_05 input[type="text"]{
	margin-left:0px;
}
.fix_08{
	display:inline-block;
	margin-left:10px;
}
.fix_09 input[type="text"]{
	border-radius:4px 4px 0 0;
}
.fix_11 input[type="text"]{
	margin-left:0px;
	border-radius:0 0 0 0;
}
.fix_25 input[type="text"]{
	border-radius:4px 4px 0 0;
}
.fix_26 input[type="text"]{
	margin-top:-1px;
	margin-left:0px;
	border-radius:0 0 4px 4px;
}
.fix_27 input[type="text"]{
	border-radius:4px 4px 0 0;
}
}

.art_pre{
	margin:0;
	padding:0;
}

.hidden{
	display:none;
}


/*ckeditor 外掛word_code */
/*
.cke_button__wc_en_icon {
	display: none !important;
}
.cke_button__wc_en_label {
	display: inline !important;
}
.cke_button__wc_ep_icon {
	display: none !important;
}
.cke_button__wc_ep_label {
	display: inline !important;
}
.cke_button__wc_et_icon {
	display: none !important;
}
.cke_button__wc_et_label {
	display: inline !important;
}
*/
.cke_button__wc_sn_icon {
	display: none !important;
}
.cke_button__wc_sn_label {
	display: inline !important;
}
.cke_button__wc_qr_icon {
	display: none !important;
}
.cke_button__wc_qr_label {
	display: inline !important;
}
.cke_button__wc_pic_qr_icon {
	display: none !important;
}
.cke_button__wc_pic_qr_label {
	display: inline !important;
}