﻿* { padding:0px;margin:0px;color:#000000; text-decoration:none;}

fieldset, button, img, hr{border:none;}
div,p, a, span, label, button, li, select, input, option{ font-weight:300;}
th, strong{ font-weight:500;}

body {
	font-size:14px;
	letter-spacing:1px;
	line-height:1.6em;
}

li{ list-style-type:none;}
a{text-decoration:none;}
a:hover {  }

button { cursor:pointer;}
table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;}
input, label, img, select {vertical-align:middle; }
input[type=text]::-ms-clear {display:none;}
input[type='checkbox']  { margin:-4px 3px 0 5px; }
input, select {height:35px; line-height:35px;  }
input, select, textarea{border: 1px solid #626262; }
textarea {line-height:1.4em; padding:10px; overflow-y:auto; resize:none;}
input { padding:0 15px; }
address, caption, em{ font-style:normal; font-weight:normal;}

*:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  { color: #626262;}	/* Chrome/Opera/Safari */
input::-moz-placeholder , textarea::-moz-placeholder{ color: #626262;}			/* Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder  { color: #626262;}	/* IE 10+ */
input:-moz-placeholder, textarea:-moz-placeholder {  color: #626262;} /* Firefox 18- */

input[type=file]{ padding:0px;border:0px; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing:border-box;}

h1 { display:none;}
h2 { color:#000; margin-bottom:40px;}

.clear { clear:both; }
.hidn{ display:none;}
.section { margin-bottom:40px;}
.z-index-zero{  z-index:0 !important;}
.img_btn_span{display:block;width:100%;height:100%;position:relative;overflow:hidden;z-index:-1;}
.valid_msg, .valid_msg * { color:#ff0000; display:block;}

textarea.w100,
input.w100{ width:97%;}
input.w30{ width:28%;}
input.w50{ width:48%;}
input.p150{ width:150px;}
input.p200{ width:200px;}
input.p300{ width:300px;}


.loading { background:url(/Images/common/free-loading-10.gif) no-repeat 50% 50%;}



/* write base */
span.input-required{color:#eb6100; font-weight:bold;}
table.write{background:url(/images/common/table_bg.png) repeat;margin-bottom:60px; border-top:1px solid #000;}
table.write caption{display:none;}
table.write tbody tr th{ border-right:1px solid #eee; text-align:left; padding-left:30px; box-sizing:border-box;}
table.write tbody tr th,
table.write tbody tr td{ border-bottom :1px solid #eee; }
table.write tbody tr th label{ color:#000; font-size:15px; font-weight:400; }
table.write tbody tr th.required label::after{ content:'*'; color:#eb6100; margin-left:4px;}
table.write tbody tr td{ background:none #fff; padding:8px 10px; vertical-align:top;}
table.write tbody tr td label{ vertical-align:baseline;}
table.write input, 
table.write textarea{padding:0px 2px;}

/* read base */
table.read{background:url(/images/common/table_bg.png) repeat;margin-bottom:60px; border-top:1px solid #000;}
table.read caption{display:none;}
table.read tbody tr th{ border-right:1px solid #eee; text-align:left; padding-left:30px;box-sizing:border-box;color:#000; font-size:15px; font-weight:400;}
table.read tbody tr th,
table.read tbody tr td{ border-bottom :1px solid #eee; padding-top:14px; padding-bottom:14px; }
table.read tbody tr td{ background:none #fff; padding:14px 10px; vertical-align:top;}

/* list base */

table.list {}
table.list caption{display:none;}
table.list thead tr { background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #000;   }
table.list thead tr th { padding:12px 12px; border-right:1px solid #000; color:#000; text-align:center; position:relative; }
table.list thead tr th:last-child { border-right:0; }
table.list tbody tr{ border-bottom:1px solid #eee; }
table.list tbody tr td { padding:15px; height:15px; text-align:center; border-right:1px solid #eee; }
table.list tbody tr td:last-child { border-right:0; }
table.list tbody tr:last-child { border-bottom:1px solid #000;   }
table.list tbody td.price{color:#000;font-weight:400;}
table.list tbody td.price span{color:#000;font-weight:400;}
table.list tbody tr td.title{ text-align:left; padding-left:10px;}
table.list tbody tr td .btn-direct{width:68px;height:21px;line-height:21px;font-size:12px;}
table.list tbody tr td .btn-remove{width:48px;height:21px;line-height:21px;font-size:12px;}

table.list tfoot td{ border-bottom:1px solid #000; text-align:right;}
table.list tfoot td.agree{text-align:left;}
table.list tfoot td *{ font-size:17px; color:#000;}
table.list tfoot td label{line-height:50px;margin-right:20px;}
table.list tfoot td strong{color:#eb0012;}

table.list td.state span.complete{ color:#eb6100;}
table.list input.chk{ width:20px; height:20px;}


img.flipH{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}



