@charset "utf-8";/* CSS Document */



a:hover img{opacity: .7}
label{margin-bottom:0;}
/**header**/
/*
.navbar{padding: 0;background: #FFFAFA;}
*/
.navbar{padding: 0;background: #FFFFFF;}

.navbar_logo{width: 245px;margin: 0;position: absolute;top: 5px;left:10px;}
.navbar_logo p{display: block;margin: -3px 0 0;color: #fff;font-size: 10px;line-height: 1.9;}
.navbar_logo img{width: 100%}
.sub_nav{margin: 10px 0 10px;height: 50px;line-height: 50px;font-size: 12px;}
.navbar form{display: flex;margin: 2px 15px 0 10px;width:70px;}
.navbar .form-control{height: 24px;line-height: 24px;padding: 0px 3px;font-size: 12px;}
.main_nav{width: 100%;padding:0 0;height: 60px;line-height: 60px;background: #727272;}
li.nav-item{padding: 0 0 0 0;}
.sub_nav a.nav-link{padding: 0;padding-right:5px;padding-left:5px;color: #004C72;}
.main_nav a.nav-link{padding: 0;padding-right:15px !important;padding-left:15px !important;color: #fff;}
.main_nav a.nav-link:hover{background:#7F7F7F;}
.dropdown-menu{margin: 0;padding: 0;background: #727272;border: none;border-radius: 0;}
.dropdown-item{color: #fff;font-size: 14px;padding: 0 15px;height: 50px;line-height: 50px;}
.dropdown-item:hover{background:#7F7F7F;color: #fff;}

vbar-light .navbar-toggler {border-color: rgba(0,0,0,0);}
.navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

@media (max-width: 1100px){.navbar_logo{width: 180px;margin: 0 0 0 15px;}
	.none{display: none;}
	.navbar_logo .col-5{flex: 0 0 100%;max-width: 100%;}	
}
@media (max-width: 918px){.main_nav a.nav-link{padding-right:10px !important;padding-left:10px !important;}
	.sub_nav a.nav-link{padding-right:8px !important;padding-left:8px !important;}
	a.nav-link{font-size: 12px;}
}

@media (max-width: 768px){.flex-wrap{display: flex;}
	.navbar-brand{position:static;}
	.navbar_logo{width: 170px;margin: 0 0 0 5px;}
	.sub_nav{margin: 10px 0 10px;height: auto;line-height: 50px;font-size: 12px;order: 1;display: block;}
	.main_nav{height: auto;order: 0;display: block;}
	li.nav-item{float: left;width: 50%;text-align: center;line-height: 40px;height: 40px;}
	li.nav-item.dropdown{width: 100%;background: #fff;height: auto;}
	li.nav-item.dropdown a.nav-link{line-height: 30px;padding: 0 30px;}
	li.nav-item.dropdown a{color: #727272 !important;}
	.navbar-nav .dropdown-menu{display: block;}
	li.nav-item.dropdown a.dropdown-item{display: inline-block;width: 49%;text-align: center;font-size: 12px;color: #fff !important;line-height: 40px;height: 40px;}
	.navbar form{display: flex;margin:0px;width:70px;}
}
@media (min-width: 768px) {ul.main_nav li.dropdown:hover > .dropdown-menu {display: block;}
}
footer{padding: 60px 0 10px;background: #eee;background: #FFFAFA;color: #004C72;}
footer img{padding-bottom: 10px;}
footer p{font-size: 12px;}
footer a{color: #004C72;text-decoration: underline;}
footer a img{width: 100%}
footer ul{margin: 0 0 10px;padding: 0 0 0 20px;}
footer ul a{display: block;margin: 0 0 5px;line-height: 1.6;color: #004C72 !important;text-decoration: none;}
footer h4{margin: 0 0 8px;font-size: 14px;font-weight: bold;}
footer strong{font-size: 16px;text-align: center;color: rgba(143,0,2,1.00);}
footer a.btn{margin: 0 0 10px;width: 100%;background: #004C72;font-size: 16px;position: relative;text-decoration: none;}
footer a.btn span{display: block;font-size: 10px;}
footer a.btn:after{position: absolute;content: "\f105";font-family:'FontAwesome';right: 15px;top: 50%;transform: translate(0,-50%);color: #004C72;}
.copy{margin: 20px 0 0 0;text-align:right;font-size: 10px;}

@media (max-width: 768px){footer h4{margin: 15px 0 8px;text-align: center;}
footer ul{margin: 0 0 10px;padding: 0 0 0 0;list-style: none;}
	footer ul li{display: inline-block;width: 49%;text-align: center;}
	footer ul li a{line-height: 30px;}
	
}


/**index**/
.index{padding: 70px 0 50px;}
.index .container{max-width: 800px;}
.index h2{margin: 0 0 20px;text-align: center;font-weight: bold;}
.index h2 {margin:0 auto 20px;font-size:30px;font-weight:normal;letter-spacing: 2px;padding-top: 0px;}
.index h2 span{position:relative;}
.index h2 span:before {content:'';width: 0;height: 0;border-style: solid;border-width: 0px 0 110px 80px;border-color: transparent transparent #BBE5F9 transparent;position:absolute;z-index:-1;transform: rotate(40deg);top: -65px;left: -5px;}
.index p{margin: 0 0 10px;font-size: 16px;line-height: 1.8}
.index form{max-width: 200px;width: 100%;margin: 0 auto;}
.index label{margin-bottom: 0;}

.next-btn{display: block;width: 100px;line-height: 30px;margin: 20px auto 20px;padding: 0 8px 0 0;background: #009FBF;color: #fff;border: 2px solid #009FBF;font-size: 14px;text-align: center;letter-spacing: 1px;position: relative;}
.next-btn:after{position: absolute;content: "\f0da";font-family:'FontAwesome';right: 8px;top: 0px;font-size: 10px;}
.next-btn:hover{background:#fff ;color:#009FBF;border: 2px solid #009FBF}

.back-btn{display: block;width: 100px;line-height: 30px;margin: 20px auto 20px;padding: 0 0 0 10px;background: #009FBF;color: #fff;border: 2px solid #009FBF;font-size: 14px;text-align: center;letter-spacing: 1px;position: relative;}
.back-btn:before{position: absolute;content: "\f0d9";font-family:'FontAwesome';left: 8px;top: 0px;font-size: 14px;}
.back-btn:hover{background:#fff ;color:#009FBF;border: 2px solid #009FBF}


.forget{display: block;margin: 0 auto 50px;font-size: 14px;text-align: center;color: #009FBF;text-decoration: underline}

.index .box{max-width: 500px;width: 100%;margin: 0 auto;padding: 20px 60px;background: #E6ECEF;}
.index .box h3{margin: 0 auto 20px;padding: 0 0 10px;font-size: 20px;font-weight: bold;text-align: center;border-bottom: 2px solid #fff;}
.index .box a.btn{display: block;text-align: center;background: #fff;position: relative}
.index .box a.btn:after{position: absolute;content: "\f105";font-family:'FontAwesome';right: 15px;top: 6px;}
.index .box a.btn:hover{background: #00A79F;color: #fff;}


@media (max-width: 768px){.index{padding: 60px 0 50px;}
	.index h2{font-size:20px;}
	.index .box h3{font-size: 18px;}
	.index p{display: none;font-size: 12px;margin: 0 0 0 0;}
	.index form{max-width: 300px;}
	.index .box .col-12 +.col-12{margin-top: 10px;}
	.btn{font-size: 14px;}
	.forget{display: block;margin: 10px auto 30px;font-size: 12px;}
}

/**index_login**/
.index_login_news{padding: 20px 0;}
.index_login_news .number{margin-bottom: 20px}
.index_login_news .number div div{border: 2px solid #720000;color: #720000;text-align: center;font-weight: bold;}
.index_login_news .number div div span{font-size: 30px;}
.index_login_news .title{background: #004C72;color: #fff;position: relative;}
.index_login_news h2{padding: 8px 0;font-size: 24px;text-align: center;}
.index_login_news .title span{position: absolute;right: 0;top: 50%;transform: translate(-20%,-50%);}
.index_login_news ul{margin: 10px 0 20px;padding: 0;}
.index_login_news li{margin: 2px 0;padding: 2px 15px 5px;line-height: 20px;position: relative;border-bottom: 1px solid #ccc;list-style: none;}
.index_login_news span.btn{margin: 0;padding: 0;width: 60px;line-height: 18px;border-radius: 10px;background:#720000;color: #fff;font-size: 10px;vertical-align: bottom;}
.index_login_news span.btn.cate_x{background: #004C72;}
.index_login_news span.btn.cate_none{background: #fff;}
.index_login_news a{display: inline-block;margin: 0 0 0 15px;}
.index_login_news font{display: inline-block;float: right;margin: 0 0 0 10px;font-size: 12px;}
.index_login_news .number a.btn{display: block;margin: 0 0 0px;padding: 30px 0;font-size: 20px;text-align: center;border: 3px solid #004C72;position: relative}
.index_login_news .number a.btn:after{position: absolute;content: "\f105";font-family:'FontAwesome';right: 15px;top: 50%;transform: translate(0,-50%);color: #004C72;}
.index_login_news .number a.btn:hover{background: #EDF9FF;}



.modal{display: none;height: 100vh;position: fixed;top: 0;width: 100%;}
.modal__bg{background: rgba(0,0,0,0.6);height: 100vh;position: absolute;width: 100%;}
.modal__content{background: #fff;left: 50%;padding: 40px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 60%;}
.index_login_news .js-modal-close{display: block;margin: 20px 0 0 0;padding: 10px 0;;line-height: 1.6;background:#727272;color: #fff;font-size: 16px;vertical-align: bottom;}
.index_login_news .js-modal-close.check{background:#004C72}
.index_login_news .js-modal-close span{display: block;font-size: 14px;}

.index_login_order{padding: 30px 0;background: #E6ECEF;}
.index_login_order h2{margin:0 auto 20px;font-size:30px;font-weight:normal;letter-spacing: 2px;padding-top: 0px;text-align: center;}
.index_login_order a{display: block;padding: 30px 0;font-size: 20px;text-align: center;background: #003972;color: #fff;position: relative}
.index_login_order a span{display: block;font-size: 16px;}
.index_login_order .order02 a{background:#004C72}
.index_login_order .order03 a{background:#00725F }
.index_login_order a:after{position: absolute;content: "\f105";font-family:'FontAwesome';right: 15px;top: 50%;transform: translate(0,-50%);}
.index_login_order a:hover{opacity: .8}

.index_login_confirm{padding: 30px 0;}
.index_login_confirm h2{margin:0 auto 20px;font-size:30px;font-weight:normal;letter-spacing: 2px;padding-top: 0px;text-align: center;}
.index_login_confirm a{display: block;margin: 0 0 30px;padding: 30px 0;font-size: 20px;text-align: center;border: 3px solid #004C72;position: relative}
.index_login_confirm a:after{position: absolute;content: "\f105";font-family:'FontAwesome';right: 15px;top: 50%;transform: translate(0,-50%);color: #004C72;}
.index_login_confirm a:hover{background: #EDF9FF;}

@media (max-width: 768px){.index_login_news .number div +div{margin-top: 10px;}
	.index_login_news h2{font-size: 18px;}
	.index_login_news li{padding: 2px 0 5px;}
	.index_login_news .title span{font-size: 12px;}
	.index_login_news a{margin: 0 0 0 0;}
	.index_login_news font{float: none;margin: 0 0 0 0;font-size: 10px;}
	.index_login_news .number a.btn,.index_login_order a,.index_login_confirm a{font-size: 16px;padding: 10px 0;margin: 0 0 0px;}
	.index_login_order .col-12 +.col-12,.index_login_confirm .col-12 +.col-12{margin-top: 10px;}
	.index_login_news span.btn{margin: 0 0 5px 0;}
	.modal__content{left: 50%;padding: 15px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 90%;}
}


/**orderform**/
.order{padding: 50px 0;}
.order .container{max-width: 600px;}
h1.page_title{margin: 0 auto 15px;font-size: 30px;font-weight: normal;letter-spacing: 2px;text-align: center;}
h1.page_title span{position: relative;display: inline-block;padding:0 15px 0.5em;border-bottom: 1px solid black;} 
h1.page_title span::before,h1.page_title span::after {position: absolute;top: 100%;left:50%;transform:translateX(-50%);content: '';border: 10px solid transparent;}
h1.page_title span::before {border-top: 10px solid black;} 
h1.page_title span::after {margin-top: -1px;border-top: 10px solid white;}
.h1_p {margin: 0 0 20px;text-align: center;}
.h1_p strong{display: inline-block;padding: 0 5px;font-size: 18px;}
.order .box{width: 100%;margin: 0 auto 30px;padding: 15px 15px 20px;background: #E6ECEF;text-align: center;}
.order .box h3{text-align: center;font-size: 16px;font-weight: bold;}
.order .box .check{display: inline-block;margin: 0 20px 0 10px;vertical-align:middle;}
.order .box .check label{margin-bottom:0;line-height: 24px;}
.order .box .check input[type="checkbox"]{margin: 0 3px 0 0;vertical-align: -1px;}
.order .box .file{display: inline-block;}
.order .box .form-control-file{display: inline-block;font-size: 12px;}

.order .box .next-btn{display: inline-block;width: 80px;line-height: 20px;margin: 0 auto;padding: 0 8px 0 0;font-size: 12px;font-weight: normal;text-align: center;position: relative;}
.order .box .back-btn{display: inline-block;width: 80px;line-height: 20px;margin: 0 auto;padding: 0 8px 0 0;font-size: 12px;font-weight: normal;text-align: center;position: relative;}
.btn.sample{font-size: 12px;text-decoration: underline;display: block;margin: 10px 0 0;padding: 0;line-height: 1;}
.order-form table{margin-bottom: 0;width: 100%;}
.order-form th{width: 35%;padding: 18px 15px 18px;border-bottom: 1px solid #ddd;line-height: 38px;}
.order-form td{width: 65%;padding: 18px 15px 18px;border-bottom: 1px solid #ddd;height:auto;position: relative;}
.order-form td .error{margin: 0;padding: 0;font-size: 10px;color: #FF0000;line-height: 1.2;position: absolute;left:15px;bottom: 3px;}
.order-form th.two{line-height:1.6 !important;}
.order-form th span{display: inline-block;width: auto !important;margin: 0 0 0 3px !important;padding: 0 !important;font-size: 10px;color: #FF0000;line-height: 1 !important;}
.order-form small{display: block;font-size: 10px;}
.order-form input[type="checkbox"] {position: static;margin-top: 14px;margin-left: 0;margin-right: 0.5rem;}
.order-form input[type="radio"]{margin-right: 0.5rem;}
.order-form td label{line-height: 38px;margin-right: 2rem}

.order-form .next-btn {display: block;width: 100%;line-height: 60px;font-size: 18px;}
.order-form .next-btn.back{line-height: 60px;border-color: #727272;background: #727272;font-size: 14px;}
.order-form .next-btn.back:hover{background: #fff;color:#727272;}
.order-form .next-btn a{display: block;color: #fff;}.order-form .next-btn:hover a{color: #009FBF !important;}
.order-form .next-btn.back a{color: #fff;}.order-form .next-btn.back:hover a{color: #727272 !important;}
.order-form .next-btn:after{right: 10px;top: 0px;font-size: 14px;}

.order-form .back-btn {display: block;width: 100%;line-height: 60px;font-size: 18px;}
.order-form .back-btn.back{line-height: 60px;border-color: #727272;background: #727272;font-size: 14px;}
.order-form .back-btn.back:hover{background: #fff;color:#727272;}
.order-form .back-btn a{display: block;color: #fff;}.order-form .back-btn:hover a{color: #009FBF !important;}
.order-form .back-btn.back a{color: #fff;}.order-form .back-btn.back:hover a{color: #727272 !important;}
.order-form .back-btn:after{right: 10px;top: 0px;font-size: 14px;}

.order-form .hidden_show_box{border-bottom: 1px solid #ddd;background: #F2F2F2}
.order-form .hidden_show_box.white{background: #fff;}
.order-form .hidden_show_box span{display: inline-block;width: 35%;margin-right: 15px;padding:18px 15px;line-height: 38px;font-weight: 700;}
.order-form .hidden_show_box span font{display: inline-block;margin: 0 0 0 5px;padding: 3px;background: #720000;color: #fff;font-size: 10px;font-weight: normal;line-height: 1;}
.order-form .hidden_show_box table{padding-top: 15px;border-top: 1px solid #ddd;}
.order-form .hidden_show_box td{height: 57px;}
.order-form .hidden_show_box th.last,.hidden_show_box td.last{margin-bottom: 0;border-bottom: none;}
.order .hidden_show {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.order input:checked ~ .hidden_show {padding:0;height: auto;opacity: 1;}

.orderform_confirm .order-form th,.orderform_confirm .order-form td,.orderform_end .order-form th,.orderform_end .order-form td{padding: 10px 15px 10px;}
.orderform_confirm .hidden_show_box{margin: 20px 0;padding: 0px 0;background: #F2F2F2;border-bottom: none;}
.orderform_confirm .hidden_show_box table{border-top: none;}
.orderform_confirm .order-form .hidden_show_box th.last,.orderform_confirm .order-form .hidden_show_box td.last{margin-bottom: 0;border-bottom: none;}
.orderform_confirm .order-form td .error{bottom: 1px;}
p.confirm{margin: 20px 0 0;display: block;text-align: center;}

.orderform_end h2{margin: 20px 0 50px;text-align: center;font-size: 20px;}
.orderform_end h3{text-align: center;font-size: 16px;background: #004C72;padding: 10px 0;color: #fff;}

.order-form .hidden_show_box.white th,.order-form .hidden_show_box.white td{border-bottom: none;line-height: 1;}
.order-form .hidden_show_box.white tr:nth-child(3n) th{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
.order-form .hidden_show_box.white tr:nth-child(3n) td{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
.order-form .hidden_show_box.white tr:nth-child(3n+1) th{border-bottom:none;padding: 18px 15px 0px;}
.order-form .hidden_show_box.white tr:nth-child(3n+1) td{border-bottom:none;padding: 18px 15px 0px;}
.orderform_confirm .order-form table.white th,.orderform_confirm .order-form table.white td{border-bottom: none;ine-height: 1;}
.orderform_confirm .order-form table.white tr:nth-child(3n) th{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
.orderform_confirm .order-form table.white tr:nth-child(3n) td{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
.orderform_confirm .order-form table.white tr:nth-child(3n+1) th{padding: 18px 15px 0px;}
.orderform_confirm .order-form table.white tr:nth-child(3n+1) td{padding: 18px 15px 0px;}

@media (max-width: 768px){h1.page_title{margin: 0 auto 15px;font-size: 20px;}
	h1.page_title span{padding: 0 5px 0.5em}
	.orderform_end h2{font-size: 16px;}
	.order .box h3{margin-bottom: 10px;}
	.order .box .file{margin-bottom: 10px;}
	.order-form th{display: block;width: 100%;padding: 5px 0 0;border-bottom:none;font-size: 12px;line-height: 3;}
	.order-form td{display: block;width: 100%;padding: 0px 0px 15px;}
	.order-form td .error{left: 0;bottom: 1px;}
	.order-form small{display: inline-block;padding: 0 0 0 5px;}
	.form-control{font-size: 14px;}
	.hidden_show th{padding: 8px 15px 0;}
	.hidden_show td{padding: 0px 15px 18px;}
	.order-form .hidden_show_box span{width: 60%;padding: 10px 15px;font-size: 14px;}
	.order-form .hidden_show_box.white span{display: block;width: 100%;padding: 5px 0 0;}
	.order-form input[type="checkbox"]#form27{margin-bottom: 15px;margin-left: 15px;}
	.next-btn{margin: 20px auto 0}
	.order-form .next-btn a,.order-form .next-btn{font-size: 14px;line-height: 40px;}
	.order-form .next-btn:after{top: 0px;line-height: 40px;}

	.back-btn{margin: 20px auto 0}
	.order-form .back-btn a,.order-form .back-btn{font-size: 14px;line-height: 40px;}
	.order-form .back-btn:after{top: 0px;line-height: 40px;}

	.orderform_confirm .order-form th, .orderform_end .order-form th{padding: 14px 0 0;line-height: 2;}
	.orderform_confirm .hidden_show_box{padding: 5px 15px 0;}
	.orderform_end .order-form td, .orderform_confirm .order-form td{padding: 0px 0px 14px;height: auto;}
	.order-form th span{font-size: 10px !important;display: inline-block !important;}
	.order-form .hidden_show_box.white th{line-height: 3;padding: 0px 15px 0px;}
	.order-form .hidden_show_box.white td{height: auto;padding: 0px 15px 0px}
	.order-form .hidden_show_box.white tr:nth-child(3n) th{border-bottom:none;padding: 0px 15px 0px;}
		.order-form .hidden_show_box.white tr:nth-child(3n+1) th{padding: 0px 15px 0px;}
	.order-form .hidden_show_box.white tr:nth-child(3n) td{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
	.order-form .hidden_show_box.white tr:nth-child(3n+1) td{padding:0px 15px 0px;}
	
	.orderform_confirm .order-form table.white th{line-height: 2;padding: 10px 15px 0px;}
	.orderform_confirm .order-form table.white td{height: auto;padding: 0px 15px 0px}
	.orderform_confirm .order-form table.white tr:nth-child(3n) th{border-bottom:none;padding: 10px 15px 0px;}
	.orderform_confirm .order-form table.white tr:nth-child(3n+1) th{padding: 10px 15px 0px;}
	.orderform_confirm .order-form table.white tr:nth-child(3n) td{border-bottom:1px solid #ddd;padding: 0px 15px 18px;}
	.orderform_confirm .order-form table.white tr:nth-child(3n+1) td{padding:0px 15px 0px;}
	.orderform_confirm .order-form table.white td .error{bottom: -8px;left: 15px;}
}

/**orderlist**/
.orderlist{padding: 100px 0;}
.search_box{padding: 30px;background: #E6ECEF}
.search_box h2{margin: 0 0 20px;text-align: center;font-size: 18px;color: #004C72;}
.search_box .col-12{margin-bottom: 10px;}
.search_box span{display: inline-block;padding: 0 10px 0 0;width: 30%;font-size: 12px;text-align: right;}
.search_box span.two{line-height: 1.2;vertical-align: middle;}
.search_box input,.search_box select{display: inline-block;width: 70%;}
.search_box .hidden_show,.search_box .hidden_show .row {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.search_box input:checked ~ .hidden_show {padding:0;height: auto;opacity: 1;}
.search_box input:checked ~ .hidden_show .row{padding:0;height: auto;opacity: 1;}


.search_box .hidden_show_box{padding: 70px 0 0;border-bottom: none;position: relative;}
input.open{display: none;}
label.open_p{position: absolute;width: 50%;right: 0;left: 0;margin: 0 auto;top: 5px;padding: 15px;background: #fff;cursor :pointer;text-align: center;}
label.open_p:hover{background: #FFFCED;}
.search_box .btn_area {text-align: center;}
.search_box .btn_area .btn{display: inline-block;width: 130px;margin: 10px 5px 0 ;padding: 0 18px 0 15px}
.search_box .btn_area .btn.clear{background: #727272;border-color: #727272;width: auto;}
.search_box .btn_area .btn.clear:hover{background: #fff;color:#727272;}
.search_box .btn_area .btn.dl{background:#1DB200;border-color: #1DB200;}
.search_box .btn_area .btn.dl:hover{background: #fff;color:#1DB200 }

@media (max-width: 768px){.search_box{padding: 15px;}
	.search_box .col-12{margin-bottom: 10px;}
	label.open_p{width: 100%;padding: 10px ;}
	.search_box .btn_area .btn{font-size: 12px;}
}
.orderlist_table{margin: 10px 0 10px;width: 100%;}
.orderlist_table table{margin: 10px 0 10px; width: 100%;border: 1px solid #ccc;border-bottom: none;table-layout: fixed;}
.orderlist_table tr:last-child td{border-bottom: 1px solid #ccc !important;}
.orderlist_table th{padding: 3px;background: #EFEFEF;border-right:1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;font-size: 12px;}


.orderlist_table th:nth-child(1){width: 90px;}
.orderlist_table th:nth-child(2){width: 70px;}
.orderlist_table th:nth-child(3){width: 200px;}
.orderlist_table th:nth-child(4){width: 150px;}
.orderlist_table th:nth-child(5){width: 150px;}
.orderlist_table th:nth-child(6){width: 100px;}
.orderlist_table th:nth-child(7){width: 120px;}
.orderlist_table th:nth-child(8){width: 80px;}
.orderlist_table th:nth-child(9){width: 80px;}



.stocklist .orderlist_table th .form-check-input,.stocklist .orderlist_table td .form-check-input{margin-top: 0.2rem;margin-left: 5px;}
.orderlist_table td{padding: 3px;border-right:1px solid #ccc;border-top: 1px solid #ccc;text-align: center;font-size: 12px;}


.orderlist_table td span{display: block;}
.orderlist_table td a.edit{display: block;margin: 0 auto;width:50px;padding: 5px;border: 1px solid #333;text-align: center;border-radius: 5px;font-size: 12px;}
.orderlist_table td button.edit{display: block;margin: 0 auto;width:30px;padding: 3px;border: 1px solid #333;text-align: center;border-radius: 5px;background: #fff;}
.orderlist_table td .pc{max-width: 100px;width: 100%;padding: 5px 0 0 0;font-size: 12px;}
.orderlist_table td figure{max-width: 100px;width: 100%;margin: 0 auto;padding: 5px 0 0 0;}
.orderlist img{width: 100%;}


.orderlist_table .hidden_show{height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.orderlist_table input:checked ~ .hidden_show {padding:30px;height: auto;opacity: 1;border-top:1px solid #ccc;}
.orderlist_table .des table{width: 100%;border:1px solid #ccc;}
.orderlist_table .des td{position: relative;border-right: none;}
.orderlist_table .des .form-check-input{left: 13px;top: -65px;margin-left: 0}
.orderlist_table .des .form-check-label{position: absolute;left: 31px;top: -65px;}
.orderlist_table .des td:nth-child(1){vertical-align:bottom;padding: 0px;border-top: none;border-right:1px solid #ccc;border-left: 1px solid #ccc;}
.orderlist_table .des td td:nth-child(1){vertical-align:bottom;padding: 3px;border-top: 1px solid #ccc;}
.orderlist_table .des td td{border-right:1px solid #ccc;}
.orderlist_table .des td .btn{margin: 0 5px;padding: 1px 5px;font-size: 10px;background: #1DB200;color: #fff;line-height: 1;}

@media (max-width: 768px){.stocklist .orderlist_table th .form-check-input,.stocklist .orderlist_table td .form-check-input{margin-top: 0;margin-left: 2px;}
	.orderlist_table th:nth-child(5){width: auto;}
	
	.orderlist_table td:nth-child(1){vertical-align:inherit;padding: 3px;}
	.orderlist_table .des .form-check-input{left: 10px;top: -45px;margin-left: 0}
	.orderlist_table .des .form-check-label{position: absolute;left: 28px;top: -40px;}
	.orderlist_table input:checked ~ .hidden_show {padding: 10px;}
	.orderlist_table th,.orderlist_table td{font-size: 10px;line-height: 1.2;padding: 2px;}
	.orderlist_table .des th{border-top: 1px solid #ccc;border-bottom: none;}
	.orderlist_table .des td{border-top:none;border-bottom: none;}
	.orderlist_table .des td:nth-child(1){vertical-align:bottom;padding: 0px;border-bottom: none;border-top: none;border-right:1px solid #ccc;border-left: 1px solid #ccc;}
	.orderlist_table .des td td:nth-child(1){vertical-align:middle;padding: 3px;border-top:none;border-bottom: none;}
}


.orderlist.pc .next-btn {display: block;width:120px;line-height: 60px;font-size: 18px;}
.orderlist.pc .next-btn.back{line-height: 60px;border-color: #727272;background: #727272;color: #fff;}
.orderlist.pc .next-btn.back:hover{background: #fff;color:#727272;}
.orderlist.pc .next-btn.back a{color: #fff !important;}
.orderlist.pc .next-btn.back:hover a{color: #727272 !important;}
.orderlist.pc .next-btn.back:after {right: 10px;top: 0px;font-size: 14px;}

.orderlist.pc .back-btn {display: block;width:120px;line-height: 60px;font-size: 18px;}
.orderlist.pc .back-btn.back{line-height: 60px;border-color: #727272;background: #727272;color: #fff;}
.orderlist.pc .back-btn.back:hover{background: #fff;color:#727272;}
.orderlist.pc .back-btn.back a{color: #fff !important;}
.orderlist.pc .back-btn.back:hover a{color: #727272 !important;}
.orderlist.pc .back-btn.back:after {right: 10px;top: 0px;font-size: 14px;}

.stocklist .orderlist_table td{border-bottom:1px solid #ccc;}
.stocklist .orderlist_table td:nth-child(1){width: auto;padding: 3px;vertical-align:inherit;}
.stocklist .orderlist_table td font.red{color: #FF0000}
.stocklist .orderlist_table td a.edit {margin: 10px auto 0;}
.stocklist_btn {margin: 50px 0 0 0;text-align: left;}
.stocklist_btn h3{display: inline-block;font-size: 14px;line-height: 30px;margin: 0 10px 10px 0;vertical-align: middle;}
.stocklist_btn .btn_area .btn{display: inline-block;width: 130px;margin: 0 5px 10px 0 ;padding: 0 18px 0 15px;border:2px solid #004C72;background: #fff;color: #004C72;}
.stocklist_btn .btn_area .btn:hover{background: #EDF9FF}
.orderlist .orderlist_table .stocklist_btn .btn_area .btn{width: 120px;font-size: 12px;}
.orderlist .orderlist_table .stocklist_btn .btn_area .btn.long{width: 220px;font-size: 10px;}
.orderlist .orderlist_table .stocklist_btn{margin: 0px 0 0px 0;}

@media (max-width: 768px){.orderlist_table{margin: 20px 0 15px;}
	.stocklist_btn{margin:0;}
	.stocklist_btn h3{display:block;margin: 0 10px 0px 0;}
	.stocklist_btn .btn_area .btn{width: 31%;padding: 0;}
}

/**other**/
.other {padding: 50px 0;}
.other .container{max-width: 600px;}
.other .order-list table{margin: 30px auto 0;width: 100%;max-width: 400px;}
.other .order-list th{text-align: right;}
.other .order-list td{padding: 8px 10px;}
.other .order-list th span{display: block;font-weight: normal;font-size: 12px;}
.other .order-form table{margin: 30px auto 0;width: 100%;max-width: 400px;}
.other .order-form th{display: table-cell;width: auto;padding: 12px 15px;text-align: center;background: #004C72;color: #fff;font-weight: normal;line-height: 1}
.other .order-form td{display: table-cell;width: auto;padding: 5px 15px;text-align: center;}
.other .order-form td input[type="checkbox"]{margin-top: 3px;margin-right: 0;}
.other .order-form td label{margin: 0px 0 0 15px ;line-height: 1;margin-right: 0;font-size: 10px;}
.other .order-form td label input[type="checkbox"]{margin-right: 3px;}


.other.change .order-form table{margin: 30px auto 0;width: 100%;max-width: 100%;}
.other.removal_temp .order-form table{margin: 30px auto 0;width: 100%;max-width: 100%;}

.scheduleklist .orderlist_table td:nth-child(1),.consigneelist .orderlist_table td:nth-child(1){padding: 3px;vertical-align: inherit;}
.scheduleklist .orderlist_table th:nth-child(5),.consigneelist .orderlist_table th:nth-child(5){width: auto;}
.scheduleklist .orderlist_table td a{display: block;text-decoration: underline}

.consigneelist .orderlist_table td:nth-child(2){min-width: 150px;}
.consigneelist .orderlist_table td:nth-child(6){max-width: 150px;}



.consigneeform h3,.userform h3{margin: 0px auto 0;text-align: center;font-size: 16px;background: #004C72;padding: 10px 0;color: #fff;}
.country{display: inline-block;margin: 0 0 10px;max-width: 80px;}
.p_number{display: inline-block;max-width: 280px;}

.userform h1.page_title{margin: 0 auto 45px;}


@media (max-width: 768px){.other .order-form th{padding: 12px 0;}
	.other .order-form td{padding: 5px 3px;font-size: 12px;}
	.other .order-list th{font-size: 12px;line-height: 1.2;}
	.other .order-list th span{padding: 3px 0 0 0;font-size: 10px}
	.other.removal_temp .order-form th,.other.removal_temp .order-form td{width: 45%;}
	.other.removal_temp .order-form th.min,.other.removal_temp .order-form td.min{width: 10%;}
}

.kensuu{text-align: right}
.kensuu p{display: inline-block;padding: 0 3px 0 0}

.orderlist.pc figure{position: relative;}
.orderlist.pc p font{display: block;margin: 20px auto 0px;}
.orderlist.pc p input[type="checkbox"].form-control{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin: 0px 0 0 5px;}
.orderlist.pc .row input[type="checkbox"].form-control{position: absolute;top: 5px;left: 5px;width: 20px;height: 20px;}
.orderlist.pc .next-btn.dl{margin: 10px auto 20px; width: 170px;line-height: 30px;font-size: 14px;background: #1DB200;border-color: #1DB200;}
.orderlist.pc .next-btn.dl:hover{background: #fff;color: #1DB200;}

.orderlist.pc .back-btn.dl{margin: 10px auto 20px; width: 170px;line-height: 30px;font-size: 14px;background: #1DB200;border-color: #1DB200;}
.orderlist.pc .back-btn.dl:hover{background: #fff;color: #1DB200;}

.eraseupload h1.page_title{margin: 0 auto 50px;}
.eraseupload input[type="checkbox"].form-control{max-height: 13px;}
.eraseupload input[type="radio"].form-control {max-height: 13px;}
.eraseupload input[type="radio"].form-control:focus {border: none !important;box-shadow: none!important;}
.eraseupload .orderlist_table ul{list-style: none;margin: 0 0;padding:0 0;}
.eraseupload .orderlist_table ul button{margin:3px 0 3px 20px;max-width: 60px;line-height: 14px;background: #fff;border: 1px solid #333 !important;color: #333}

.eraseupload .orderlist_table ul li{padding: 3px;}
.eraseupload .orderlist_table ul li +li{border-top: 1px solid #EFEFEF;}
.order_date{text-align: right}
input.form_date{width: 33%;margin: 0 0 0 3px;}
input.form_date.left{margin: 0 3px 0 0;}
.search_box +.search_box{margin: 30px 0 0 0;}
.eraseupload .search_box h3{font-size: 18px;text-align: center;}
.eraseupload .search_box .file +.file{margin: 10px 0 0 0;}
.eraseupload .search_box +.search_box .col-12{margin: 0 0 0 ;}
.eraseupload .search_box .next-btn{margin:0 auto 0;}
.eraseupload .search_box .back-btn{margin:0 auto 0;}


@media (max-width: 768px){.eraseupload .search_box .col-12{margin: 0 0 10px;}
}


input[type="checkbox"].form-control:focus{border: none !important;box-shadow:none!important}
#page_navi_top{margin: 20px 0 0;text-align: right;}
#page_navi_top .form-control{display: inline-block;width: auto;margin: 0 0 0 5px;}


.pagination {justify-content: center;height: 30px;margin: 0px auto 50px;}
.pagination:after {content: "";clear: both;display: block;}
.pagination .page-number {float: right;}
.pagination .page-number:after {content: "";clear: both;display: block;}
.pagination .page-number li {float: left;margin-left: 10px;list-style: none;}
.pagination .page-number li a {border-radius: 2px;border: 1px solid #EFEFEF;box-sizing: border-box;display: block;height: 30px;line-height: 32px;min-width: 30px;padding: 0 5px;text-align: center;}
.pagination .page-number li:first-child {margin-left: 0;}
.pagination .page-number li.ellipsis a {border: 0;}
.pagination .page-number li.ellipsis {top: 7px;position: relative;}
.pagination .page-number li.on a {color: white;background-color: #EFEFEF;}
.pagination .page-number + .page-arrows {margin-right: 10px;margin-left: 0 !important;}
.pagination .page-arrows {float: right;margin-left: 10px;list-style: none;}
.pagination .page-arrows li a {background: #004C72;border-radius: 1px;box-sizing: border-box;color: white;float: left;height: 30px;line-height: 30px;position: relative;text-align: center;width: 60px;    font-size: 10px;}
.pagination .page-arrows li.prev a:after {display: block;height: 12px;width: 7px;left: 50%;margin-left: -3.5px;margin-top: -6px;position: absolute;top: 50%;}
.pagination .page-arrows li.next a:after { display: block;height: 12px;width: 7px;left: 50%;margin-left: -3.5px;margin-top: -6px;position: absolute;top: 50%;}