/* ¸ÞÀÎ¿µ¿ª ½ºÅ¸ÀÏ ½ÃÆ® */
body { background:#000; color:#fff; }
div#contents {width:100%;}
/*input number È­»ìÇ¥ Á¦°Å 20190814*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* mobile -wide*/
@media only screen and (max-width:1023px){

div#visual1 { position: relative; width:100%; margin-top:30px; }
div#visual1 div.wrap { width:100%; margin:0px auto; padding-top:10px; }
div#visual1 div.wrap ul { width:98%; margin:0px auto; } 
div#visual1 div.wrap ul li { width:100%; font-size:20px; padding:6px auto; } 
div#visual1 div.wrap ul span { width:100%; font-size:22px; padding:6px auto; } 
div#visual1 div.wrap ul li.back1 { width:100%; padding:2px auto; height:530px; background:url('../images/sub/sub05_back1.png'); background-size:cover; background-size:100%;  } 
div#visual1 div.wrap ul li.back1 div { width:80%; padding-top:80px; margin:0px auto; }
div#visual1 div.wrap ul li.back1 div ul { width:100%; margin:20px auto; }
div#visual1 div.wrap ul li.back2 div ul li { float:left; width:100%; padding:2px auto; }
div#visual1 div.wrap ul li.back1 div ul li.p { display:none }
div#visual1 div.wrap ul li.back1 div ul li.m { float:left; width:100%; padding:2px auto; }

div#visual1 div.wrap ul li.back2 { width:100%; padding:2px auto; height:530px; background:url('../images/sub/sub05_back2.png'); background-size:cover; background-size:100%;  } 
div#visual1 div.wrap ul li.back2 div { width:80%; padding-top:80px; margin:0px auto; }
div#visual1 div.wrap ul li.back2 div ul { width:100%; margin:20px auto; }
div#visual1 div.wrap ul li.back2 div ul li { float:left; width:100%; padding:2px auto; }
div#visual1 div.wrap ul li.back2 div ul li.p { display:none }
div#visual1 div.wrap ul li.back2 div ul li.m { float:left; width:100%; padding:2px auto; }

div#cont { position: relative; width:96%; margin: 7% auto; }

div#cont_text { position: relative; width:94%; margin:80px auto 40px ! important; }
div#cont_text div.Lbline { /*margin:0px auto;*/ padding:3px; }
div#cont_text span.b { width:100%; text-align:center;font-size:15px; margin-top:10px; }
div#cont_text ul.sub_title {font-size:30px; padding-top:2%; color:fff; text-align:center; margin-bottom: 0 ! important; }  /* ¸Þ´º 3°³  */

ul.sub_title {width:100%; font-size:28px; text-align:center; color:#fff; }  /* ¸Þ´º 3°³  */
ul.sub_2_tab {width:100%; margin:0 auto;}
ul.sub_2_tab li {float:left; width:47%;margin:1%;}
ul.sub_2_tab li a { display:block; padding:10px; text-align:center; font-size:18px; border:1px solid #757575; }
ul.sub_2_tab li.tabon a {  color:#fff; border:solid 1px #ffe200; font-weight: bold; }
ul.sub_2_tab li.taboff a { color:#fff;background:transparent;}

div#cont_text div.tt { display:block; padding:2px; }
div#cont_text div.tt_text { display:block; padding:2px; }
div#cont_text div.tt_text ul li { width:47%; margin:1%; float:left; }
div#cont_text div.tt_text ul li img { width:100%; height:260px; }
div#cont_text div.tt_img { display:block; padding:2px; }
div#cont_text div.tt_img ul li { display:inline-block; width:47%; /*±âÁ¸ width:23%*/ margin:0.9%; /*float:left;*/ }
div#cont_text div.tt_img ul li img { width:100%;}
div#cont_text div.tt_addr { display:block; padding:12px 8px; font-size:18px; }

div#cont_text #sub_content2 {width:100%; margin:20px auto; padding:10px 0; }
div#cont_text #sub_content2 ul {width:98%; margin:0px auto;  }
div#cont_text #sub_content2 ul li{width:100%; float:left;  font-size:13px !important; color:#fff}
div#cont_text #sub_content2 ul li.room_li{width:48%; float:left;font-size:13px; color:#fff;padding:0 2px 0 0;}
div#cont_text #sub_content2 ul li.date_li{width:48%; float:left;font-size:13px; color:#fff; }
div#cont_text #sub_content2 ul li select.box150{ width:150px; height:40px; margin:0px 0; font-size:16px;}
div#cont_text #sub_content2 ul li select.box300{ width:100px; height:40px; margin:-8px auto; font-size:16px; display:inline-block;}
input#datepicker { width:100px; height:38px; border: none; padding: 0 5px; margin: -27px 0 0 50px; font-size: 16px; } 
div.demo { text-align: left; width:100%!important; padding:0 !important; margin:0 auto }

div#cont_text div.tt_input { display:block; width:100%; margin:0px auto; padding-left: 1px; }
div#cont_text div.tt_input ul { width:100%; }

/*»ý³â¿ùÀÏ ÀÔ·Â css 20190803*/
div#cont_text div.tt_input ul .input_list #year_select, div#cont_text div.tt_input ul .input_list #month_select, div#cont_text div.tt_input ul .input_list #day_select{ width: 28%; float: left; }

div#cont_text div.reser_input { display:block; width:100%; margin:0px auto; }
div#cont_text div.reser_input ul { width:100%; }
div#cont_text div.reser_input ul li { }
div#cont_text div.reser_input ul li:nth-child(2) textarea{ width:92% ! important; }

div#cont_text div.reser_input ul li:nth-child(3){ padding:0 ! important; }

div#cont_text div.office_wrap{ padding:0 ! important; }
div#cont_text div.office_wrap iframe{ width:100% ! important; }

div#cont_thema { width:96%; margin:0 auto 10px  }
div#cont_thema ul { width:100%; margin:0 auto; } 
div#cont_thema ul li { width:100%; margin:15px auto 6%; font-size:15px; text-align:center;  } 
div#cont_thema ul h2 {  text-align:left; font-size:30px; letter-spacing:2px; line-height:30px; color: #333;   }
div#cont_thema ul h3{ padding-top:20px;text-align:left; font-size:15px; line-height:32px; color: #333;  }

div#cont_thema ul li span{ margin-top:10px; font-size:15px; letter-spacing:1px; }
div#cont_thema ul li img { padding:2px; width:100%; } 

/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div#cont div.cont_login { width:100%; margin-top:10px; }
div#cont div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div#cont div.cont_login ul li { margin:12px auto; width:98%; }
div#cont div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div#cont div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div#cont div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div#cont div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div#cont div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div#cont div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div#cont div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div#cont div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div#cont div.cont_login li.logo { text-align:center; }
div#cont div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }

div#cont div.cont_one { width:100%; margin:0px auto; }
div#cont div.cont_one ul { margin:0 auto; padding:3px; }
div#cont div.cont_one ul div.Lbline { }
div#cont div.cont_one ul li { width:100%; border-bottom:1px solid #f6f6f6; text-align:justify; }
div#cont div.cont_one ul li.moon { padding:2px; font-size:12px; }
div#cont div.cont_one ul li.moon span { font-size:12px; }
div#cont div.cont_one ul li.moon img { width:100%; }
div#cont div.cont_one ul h2 { font-size:30px; letter-spacing:1px; line-height:30px; }
div#cont div.cont_one ul h3 { padding-top:20px;font-size:15px; line-height:15px; }

div#cont div.cont_one ul.thums { width:1024px;height:250px; margin-top:10px; margin-bottom: 10px; padding:10px; }
div#cont div.cont_one ul.thums li {
	display:block; 
	float:left; 
	background:#f6f6f6;
	width:30%; 
	height:230px; 
	overflow: hidden; 
	padding:1%;
	margin: .5%; 
	border: 1px solid #f6f6f6
}
div#cont div.cont_one ul.thums li:nth-of-type(3n) { margin-right: 0; }
div#cont div.cont_one ul.thums li img { display: block; width:100%; height:230px; }

div#cont div.cont_two { width:100%; margin-top:20px; }
div#cont div.cont_two ul { margin:0 auto; width:1080px; padding:10px; text-align:center; }
div#cont div.cont_two ul li { float:left; width:48%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; }

div#cont div.cont_3 { width:100%; margin-top:20px; }
div#cont div.cont_3 ul { margin:0 auto; width:1080px; padding:10px; text-align:center; }
div#cont div.cont_3 ul li { float:left; width:31%; margin:1%; border-bottom:1px solid #f6f6f6; text-align:justify; }
/*======================================================= ¿¹¾à¸®½ºÆ® CSS =========================================================================================== */
ul.faq_list { width:100%; margin: 0 auto; margin-top:10px; padding-top: 0px; }
ul.faq_list li { padding:2px; font-size:14px; }
ul.faq_list li.q { position: relative; width:100%; padding:10px; background:transparent; border-top:1px solid #cfcfcf; }
ul.faq_list li.q span.blue_b { 
	position: absolute; 
	display: block; 
	width: 30px; 
	height: 30px; 
	text-align: center;
	top: 2px;
	left: 2px;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
}
ul.faq_list li.q span.arrow {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	right: 4px;
	/*background-color: #a7a4a4;*/
	text-align: center;
	line-height: 30px;
	top: 4px;
}
ul.faq_list li.q > a { display:inline-block; margin-left:7px; width:100%;color: #222; text-decoration: none; font-weight: normal; font-size:13px; }
ul.faq_list li.q span.arrow a { color: #030303; font-size:13px; text-decoration: none; }
ul.faq_list li.qa { 
	width: 100%;
	margin: 5px 0 4px 0;
	border-radius: 2px;
	text-align: left;
	padding:10px;
	background-color: white;
	line-height: 1.5;
}
ul.faq_list li.qa .orange_b { display: inline-block;font-weight: bold; font-size:12px; }
ul.faq_list li.qa > p { width: 100%; overflow: hidden; margin-top: 0px; line-height:1.4; }
ul.faq_list li.qa img { width:28px; }
ul.faq_list li.qa table { width: 98%; margin: 5px auto; }
ul.faq_list li.qa table tr th,
ul.faq_list li.qa table tr td { vertical-align: middle; }
.respon { left-margin:10px; letter-spacing: 0; }
/*======================================================= ¿¹¾à¸®½ºÆ® CSS =========================================================================================== */

div.reser { width:100%; margin:2px auto; text-align:center;  }

#reser1 { width:100%; margin:10px auto;; color:white; color:#222;}
#reser1 ul {width:96%;text-align:left;font-size:15px}
#reser1 ul li.title { margin:0px auto; width:99%;font-size:15px !important; text-align:center; color:#fff; padding:8px; background:#333;}
#reser1 ul div.demo { margin:5px auto; width:94%; font-size:15px !important; text-align:center; color:#fff; background:#fff;}
input[name=chois_date] { text-align:center; font-size:18px; }

#reser2 { width:100%; }
#reser2 ul { width:98%; margin:0px auto; padding:6px; } 
#reser2 ul li { float:left; display:inline-block; width:98%; /*±âÁ¸ width:23%*/ margin:0.9%; /*float:left;*/ }
#reser2 ul li div.thema { float:left; display:block; padding:2px; width:100%;}
#reser2 ul li div.thema ul { width:100%; }
#reser2 ul li div.thema ul li { float:left; width:100%;  margin:1%; font-size:16px; color:#fbecce; text-align:center; }
#reser2 ul li div.thema ul div.timeOn { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:26px; color:#181717;width:47%;background:#d1d1d0;border:1px solid #222; }
#reser2 ul li div.thema ul div.timeOff { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:26px; color:#181717;width:47%;background:#757676; border:1px solid #222; }
#reser2 ul li div.thema ul li div.thema img { width:100%; }

/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */

#btns1 { float:left; width:48%;text-align:center; margin:1px; padding:5px 1px; background:#ed1c24;border:1px solid #000;}
#btns1 a { display:inline-block; width:100%; text-align:center; padding:5px 1px; text-decoration:none; line-height:15px; letter-spacing:.5px; font-size:15px;}
#btns1 a:hover { color:#111;;background:#ddd;}

#btns2 { float:right; width:48%;text-align:center; margin:1px; padding:5px 1px; background:#3d4784;border:1px solid #000;}
#btns2 a { display:inline-block; width:100%; text-align:center;padding:5px 1px;  text-decoration:none; line-height:15px; letter-spacing:.5px; font-size:15px;  color:#fff;}
#btns2 a:hover { color:#111; background:#ddd;}

#radi{ margin:1px auto; width:100px; font-size:15px;text-align:center; padding:15px;border:1px solid #5a6671;color:#5a6671;letter-spacing:2px;cursor:pointer; } 
#radi:hover{ color:#fff; } 

div.block {	position: relative;	padding: 5px 2px 0 2px; }

/*======================================================= »ó¼¼º¸±â ÆË¾÷ CSS 201908=========================================================================================== */

.in_list_wrap{ width:100%;padding:10px 15px;margin-top:2px; background:#fff;  }
.in_list_wrap:after {display:block; content:''; clear:both}
.in_list_new:before{ clear:both; display:block; content:''; }
.in_list_wrap .in_list_new ul{ border-bottom: 1px solid #333; }
.in_list_wrap .in_list_new ul li:first-child{ font-size:14px ! important; }
.in_list_wrap .in_list_new ul li:last-child{ font-size:12.5px ! important; }
.in_list_new ul li{ width:100% ! important; text-align:left ! important; }
.in_list_new_left{ width:70%; margin: 20px auto 0; }
.in_list_new_right div.top{ width:100%; text-align:left; }
.in_list_new_right h3{ font-size:18px ! important; font-weight:bold; }
.in_list_new_right .top .left, .in_list_new_right .top .right { border-bottom: 1px solid #333; padding: 20px 0; }
.in_list_new_right .top .left ul{ margin-top:20px; }
.in_list_new_right .top .left ul p{ margin-bottom:0 ! important; }
.in_list_new_right .thema_text{ padding:20px 0; }

div#csschart div { margin-top:0 ! important; }

.6_2_wrap{ padding-bottom:0 ! important; }

.input_list .m_local{ width:26% ! important; }

table.input_list tr th{ padding:0 ! important; width:12.2%; font-size:14px; text-align:center; }

.sub_5 table.input_list:last-child tr td{ padding: 10px 0 ! important; width: 14.2%; vertical-align: middle; font-size:14px; text-align:center; }

table.input_list tr td label{ font-size:14px ! important; }

input.searchbox{ width:40% ! important; }


}


/* pc */
@media only screen and (min-width:1024px){

div#m_sin { margin:20px auto; width:20%; padding:10px;background:#fff;color:#0a0a0a;cursor:pointer;font-size:15px;text-align:center;border:1px solid #0a0a0a; }
div#m_sin:hover { margin:20px auto; width:20%; padding:10px;background:#0a0a0a;color:#fff;cursor:pointer;font-size:15px;text-align:center;border:1px solid #fff; }

div#cont { 
   width: 100%;
   height: 100%;
} 

div#visual1 { position: relative; width:100%; margin-top:100px; }
div#visual1 div.wrap { width:100%; margin:0px auto; padding-top:60px; }
div#visual1 div.wrap ul { width:65%; margin:0px auto; } 
div#visual1 div.wrap ul li { width:100%; font-size:52px; letter-spacing:1px; padding:30px auto; } 
div#visual1 div.wrap ul span { width:100%; font-size:68px; letter-spacing:1px; padding:30px auto; } 
div#visual1 div.wrap ul li.back1 { width:100%; padding:30px auto; height:1900px; background:url('../images/sub/sub05_back1.png'); background-size:cover; background-size:100%;  } 
div#visual1 div.wrap ul li.back1 div { width:83%;  padding-top:130px; }
div#visual1 div.wrap ul li.back1 div ul { width:100%; margin:100px; auto; }
div#visual1 div.wrap ul li.back1 div ul li.m { display:none }
div#visual1 div.wrap ul li.back1 div ul li.p { float:left; width:100%; padding:50px auto; }


div#visual1 div.wrap ul li.back2 { width:100%; padding:30px auto; height:1850px; background:url('../images/sub/sub05_back2.png'); background-size:cover; background-size:100%;  } 
div#visual1 div.wrap ul li.back2 div { width:83%;  padding-top:130px; }
div#visual1 div.wrap ul li.back2 div ul { width:100%; margin:100px; auto; }
div#visual1 div.wrap ul li.back2 div ul li.m { display:none }
div#visual1 div.wrap ul li.back2 div ul li.p { float:left; width:100%; padding:50px auto; }


div#cont_text { position:relative; width:65%; margin:180px auto; }

ul.sub_title { width:100%; font-size:48px; text-align:center; }  /* ¸Þ´º 3°³  */
ul.sub_2_tab {width:100%; margin:0 auto;}
ul.sub_2_tab li {float:left; width:47%;margin:1%;}
ul.sub_2_tab li a { display:block; padding:10px; text-align:center; font-size:18px; border:1px solid #757575; }
ul.sub_2_tab li.tabon a {  color:#fff; border:solid 1px #ffe200; font-weight: bold; }
ul.sub_2_tab li.taboff a { color:#fff;background:transparent;}

div#cont_text #sub_content2{width:100%; height:80px; margin:20px auto; padding:20px 0; }
div#cont_text #sub_content2 ul {width:80%; margin:0px auto;  }
div#cont_text #sub_content2 ul li{width:100%; float:left;  font-size:16px !important; color:#fff}
div#cont_text #sub_content2 ul li.room_li{width:600px; float:left;  font-size:15px; color:#fff;padding:0 15px 0 0;}
div#cont_text #sub_content2 ul li.date_li{width:70px; float:left;  font-size:15px; color:#fff; }
div#cont_text #sub_content2 ul li select.box150{width: 150px; height: 40px; margin:0px 0; font-size: 16px;}
div#cont_text #sub_content2 ul li select.box300{width: 300px; height: 40px; margin:0px 0; font-size: 16px; display:inline-block;}
input#datepicker { width: 140px; height: 38px; border: none; padding: 0 5px; margin: -27px 0 0 70px; font-size: 16px; } 
div.demo { text-align: left; width:100%!important; padding:0 !important; margin:0 auto }

div#cont_text div.tt { display:block; padding:2px; }
div#cont_text div.tt_text { display:block; padding:2px; }
div#cont_text div.tt_text ul li { width:30%; margin:1%; float:left; }
div#cont_text div.tt_text ul li img { width:100%; height:260px; }
div#cont_text div.tt_img { display:block; padding:2px; }
div#cont_text div.tt_img ul li { display:inline-block; width:22.8%; /*±âÁ¸ width:23%*/ margin:0.9%; /*float:left;*/ }
div#cont_text div.tt_img ul li img { width:100%;}
div#cont_text div.tt_addr { display:block; padding:12px 8px; font-size:18px; }

div#cont_text div.tt_input { display:block; width:85%; padding:2px; margin:0 auto; }
div#cont_text div.tt_input ul li { width:98%; padding:30px 0 0; font-size:13px; }
div#cont_text div.tt ul li .text{ font-size:15px; }
div#cont_text div.tt_input .val_m{ vertical-align:middle; }

div#cont_text div.reser_input { display:block; width:100%; padding:2px; margin:0px auto; }
div#cont_text div.reser_input ul li { width:65%; padding:20px; font-size:13px; margin:0px auto;}

div#cont_thema { width:100%; margin:10px auto;  }
div#cont_thema ul { width:70%; margin:0 auto; } 
div#cont_thema ul h2 {  padding-top:80px;text-align:left; font-size:58px; letter-spacing:2px; line-height:1.4em; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul h3{ padding-top:25px;text-align:left; font-size:22px; line-height:32px; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul li { float:left; width:30%; margin:5% 1%; font-size:15px; text-align:center;  } 
div#cont_thema ul li span{ font-size:15px; letter-spacing:2px; }
div#cont_thema ul li img { padding:2px; width:100%; } 

div.reser { width:100%; margin:2px auto; text-align:center;  }

#reser1 { float:left; width:100%; margin:10px 1%; padding:10px 0; }
#reser1 ul {width:100%;text-align:left;font-size:12px}
#reser1 ul li.title { margin:5px auto; width:99%; font-size:18px !important; text-align:center; color:#fff; padding:6px; background:#333;}
#reser1 ul li { margin:5px auto; width:92%; font-size:18px !important; text-align:center; }
input[name=chois_date] { font-size:15px; }

#reser2 { width:100%; }
#reser2 ul { width:92%; margin:0px auto; padding:30px; } 
#reser2 ul li { float:left; display:inline-block; width:98%; /*±âÁ¸ width:23%*/ margin:0.9%; /*float:left;*/ }
#reser2 ul li div.thema { float:left; display:block; padding:2px; width:100%;}
#reser2 ul li div.thema ul { width:100%; }
#reser2 ul li div.thema ul li { float:left; width:100%;  margin:1%; font-size:40px; color:#fbecce; text-align:center; }
#reser2 ul li div.thema ul div.timeOn { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:26px; color:#181717;width:47%;background:#d1d1d0;border:1px solid #222; }
#reser2 ul li div.thema ul div.timeOff { display:block; margin:3px 2px; float:left; text-align:center; padding:2%; font-size:26px; color:#181717;width:47%;background:#757676; border:1px solid #222; }
#reser2 ul li div.thema ul li div.thema img { width:100%; }

/*¿¹¾àÇÏ±â Å¬¸¯ css 20190806 */
#reser2 > ul > a > li:active, #reser3 > ul > a.active > li {display:block; margin:3px auto; width:98%; padding:4px; font-size:15px; text-indent:20px; background:#888; color:#fff;  }
/*#reser3 ul li.thema1:active { display:block; margin:3px auto; width:98%; padding:4px; font-size:15px; text-indent:20px; background:#888; color:#fff;  }*/

#reser2 ul li.thema:focus{ display:block; margin:3px auto; width:98%; padding:4px; font-size:15px; background:#222;color:#fff;  }
#reser2 ul div ul.list { margin:0px 1.5px; }

.6_2_wrap{ padding:40px 0; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.cont_login { width:100%; margin-top:150px; }
div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div.cont_login ul li { margin:12px auto; width:98%; }
div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div.cont_login li.logo { text-align:center; }
div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }
/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */

#btns1 {width:48.0%;text-align:center; margin-top: 10px;float:left;background:#ed1c24; border: 1px solid #000;}
#btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;}
#btns1 a:hover { color:#111;;background:#ddd;}

#btns2 {width:48.0%;text-align:center; margin-top: 10px; float:right; background:#3d4784; color:#fff;border: 1px solid #000;}
#btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;  color:#fff;}
#btns2 a:hover { color:#111; background:#ddd;}

#radi{ margin:1px auto; width:100px; font-size:15px;text-align:center; padding:15px;border:1px solid #5a6671;color:#5a6671;letter-spacing:2px;cursor:pointer; } 
#radi:hover{ color:#fff; } 

#bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;}
#bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;}
#bs1 a:hover { color:#111;;background:#5ce6ba;}

#bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;}
#bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs2 a:hover { color:#111; background:#8cd3fc;}

#bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;}
#bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs3 a:hover { color:#111; background:#ddd;}

div.block {	position: relative;	padding: 0 15px 0 15px; }
/*======================================================= »ó¼¼º¸±â ÆË¾÷ CSS 201908=========================================================================================== */

.in_list_wrap{ width:90%;padding:20px 15px 35px; margin:2px auto; background:#fff;  }
.in_list_wrap:after {display:block; content:''; clear:both}
.in_list_wrap .in_list_new ul{ border-bottom: 1px solid #333; margin-bottom: 10px; }
.in_list_new_left{  width: 35%; float:left; margin:0 1%; }
.in_list_new_right{ width:62%; float:left; }
.in_list_new_right div.top{ width:100%; border-bottom: 1px solid #333; height: 260px; }
.in_list_new_right div.left{ width:50%; float:left; }
.in_list_new_right div.left ul li p{ margin-bottom:0 ! important; }
.in_list_new_right div.left ul li{ width:100% ! important; text-align:left; }

.in_list_new_right div.right{ width:50% ! important; float:left; }

.in_list_new_right div.thema_text{ clear:both; padding-top:20px; height:420px; overflow-y: auto; }
}


