@import url("common.css");

/*font-set*/
@charset "utf-8";


.main_layout {}
.main_box_layout {}
.main_wrap {background:#eee;}

.main_box1 {position:relative; padding:10px; background:#fdab01; padding-bottom:22px;}
.main_box1_1 {position:relative; padding-bottom:25px;}
.main_box1_1 li {text-align:center;}
.main_box1_1 li img {border-radius:10px; width:100%;}
.main_box1_1 .bx-pager {text-align:center; padding-top:11px;}
.main_box1_1 .bx-pager-item {display:inline-block; vertical-align:top; margin:0 4px;}
.main_box1_1 .bx-pager-item a {display:block; width:13px; height:13px; border-radius:13px; text-indent:-9999px; background:#ff7c1a;}
.main_box1_1 .bx-pager-item a.active {background:#333;}
.main_box1_1 .bx-controls-direction {}
.main_box1_1 .bx-controls-direction .bx-prev {position:absolute; left:6px; top:50%;margin-top:-30px; width:20px; height:31px; background:url(../images/prev.png) no-repeat; background-size:20px 31px; text-indent:-9999px;}
.main_box1_1 .bx-controls-direction .bx-next {position:absolute; right:6px; top:50%;margin-top:-30px; width:20px; height:31px; background:url(../images/next.png) no-repeat; background-size:20px 31px; text-indent:-9999px;}

.main_box1_2 {position:relative;}
.main_box1_2 li {text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}
.main_box1_2 li img {width:100%;}
.main_box1_2 .bx-pager {text-align:center; background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden; height:29px; padding-top:9px; box-sizing:border-box;}
.main_box1_2 .bx-pager-item {display:inline-block; vertical-align:top; margin:0 3px;}
.main_box1_2 .bx-pager-item a {display:block; width:9px; height:9px; border-radius:9px; text-indent:-9999px; background:#ddd;}
.main_box1_2 .bx-pager-item a.active {background:#f75674;}
.main_box1_2 .bx-controls-direction .bx-prev {position:absolute; left:6px; top:50%;margin-top:-9px; width:12px; height:19px; background:url(../images/prev.png) no-repeat; background-size:12px 19px; text-indent:-9999px;}
.main_box1_2 .bx-controls-direction .bx-next {position:absolute; right:6px; top:50%;margin-top:-9px; width:12px; height:19px; background:url(../images/next.png) no-repeat; background-size:12px 19px; text-indent:-9999px;}

.main_box2 {}
.main_box2 li {}
.main_box2 li img {width:100%;}
.main_box2 .bx-pager {text-align:center; height:41px; padding-top:11px; box-sizing:border-box;}
.main_box2 .bx-pager-item {display:inline-block; vertical-align:top; margin:0 3px;}
.main_box2 .bx-pager-item a {display:block; width:9px; height:9px; border-radius:9px; text-indent:-9999px; background:#ddd;}
.main_box2 .bx-pager-item a.active {background:#f75674;}
.main_box2 .bx-controls-direction {display:none;}

.main_box3 {background:#fff; border:1px solid #ddd; border-radius:10px; margin-bottom:15px;}
.main_box3 .tit {text-align:center; padding:11px 10px; font-size:16px; color:#333; font-weight:600; letter-spacing:-1px; line-height:19px; border-bottom:1px solid #ddd;}
.main_box3 .tit span {color:#f75674;}
.main_box3 .con {padding:10px;}
.main_box3 .con .content-slider {}
.main_box3 .con .content-slider li {border:1px solid #ddd; margin-right:10px;}
.main_box3 .con .content-slider li .name {padding:6px; font-size:14px; color:#ff7c1a; font-weight:600;}
.main_box3 .con .content-slider li p {padding:0 6px; margin-bottom:5px; font-size:11px; color:#666;}
.main_box3 .con .content-slider li img {}
.main_box3 .con .lSPager {display:none;}

.main_box4 {background:#fff; border:1px solid #ddd; border-radius:10px; margin-bottom:15px; overflow:hidden;}
.main_box4 .tit {padding:10px; background:#f75674;}
.main_box4 .con {padding:10px;}
.main_box4 .con .content-slider {}
.main_box4 .con .content-slider li {border:1px solid #ddd; margin-right:10px;}
.main_box4 .con .content-slider li .name {padding:6px; font-size:14px; color:#ff7c1a; font-weight:600;}
.main_box4 .con .content-slider li .subject {padding:6px; line-height:16px; color:#343434;}
.main_box4 .con .content-slider li .txt {text-align:right; padding:6px;}
.main_box4 .con .content-slider li .txt strike {text-decoration:line-through; font-size:11px; color:#666;}
.main_box4 .con .content-slider li .txt p {padding-top:4px; font-size:13px; color:#ff7e00; font-weight:600;}
.main_box4 .con .content-slider li img {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.main_box4 .con .lSPager {display:none;}

.main_box4 .tit2 {padding:10px; background:#23c8c8;}
.main_box4 .con .content-slider li .txt2 {text-align:center; color:#ff7e00; font-weight:600; height:40px; line-height:40px; overflow:hidden;}


.sub_top_menu {background:#fdab01; height:46px; text-align:center;}
.sub_top_menu a {display:inline-block; vertical-align:top; height:13px; line-height:13px; padding:0 5px; border-left:1px solid #f57c24; margin-top:15px; font-size:12px; color:#343434;}
.sub_top_menu a:first-child {border-left:0; padding-left:0;}
.sub_top_menu a.on {color:#fff; font-weight:600;}
.sub_top_menu a.last {padding-right:0;}

.sub_layout {padding:0 10px; padding-bottom:50px;}
.sub_layout2 {padding:0 10px;}
.sub_menu {padding-top:10px; padding-bottom:11px;}
.sub_menu span {position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 1px; width:20%;}
.sub_menu span a {display:block; height:33px; line-height:33px; background:#fff; box-sizing:border-box; border:1px solid #ddd; border-radius:33px; text-align:center; font-size:12px; color:#666; font-weight:600;}
.sub_menu span img {position:absolute; left:50%; bottom:-5px; margin-left:-3px; width:6px; display:none;}
.sub_menu span.on a {background:#ff7c1a; border:1px solid #ff7c1a; color:#fff;}
.sub_menu span.on img {display:block;}
.sub_menu.sub_menu2 {margin-bottom:20px;}
.sub_menu.sub_menu2 span {width:25%;}

.sub_menu.sub_menu3 {margin-bottom:20px; margin-top:-40px;}
.sub_menu.sub_menu3 span {width:50%;}

.sub_menu.sub_menu4 {margin-bottom:0 !important;}
.sub_menu.sub_menu4 span {width:20%;}

.sub_menu.sub_menu5 {margin-bottom:0 !important;}
.sub_menu.sub_menu5 span {width:33.333%;}


.sub_list {margin-bottom:22px;}
.sub_list li {border:1px solid #ddd; border-radius:10px; overflow:hidden; margin-top:11px;}
.sub_list li:first-child {margin-top:0;}
.sub_list li .d1 {background:#fff; padding:10px 12px;}
.sub_list li .d1 a {}
.sub_list li .d1 a b {display:block; font-size:13px; color:#343434; font-weight:600; margin-bottom:8px;}
.sub_list li .d1 a span {display:block; font-size:12px; color:#666; line-height:16px;}
.sub_list li .d2 {background:#eee; padding:9px 0; text-align:center;}
.sub_list li .d2 a {display:block; max-width:154px; margin:0 auto; height:28px; text-align:center; line-height:28px; border-radius:28px; background:#f75674 url(../images/arrow1.jpg) no-repeat right top; background-size:auto 28px; font-size:12px; color:#fff; font-weight:600;}

.sub_notice {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.sub_notice li {}
.sub_notice li:first-child {height:31px; line-height:31px; background:#eee; padding-left:6px; font-size:12px; color:#363840; font-weight:600;}
.sub_notice li:first-child img {width:19px; vertical-align:top; margin-top:6px; margin-right:5px;}
.sub_notice li.txt {background:#fff; padding:12px; font-size:12px; color:#363840; line-height:17px;}

.lec_tit {background:#fdab01; text-align:center;}
.lec_tit li {padding:9px 10px; font-size:13px; color:#343434; line-height:15px;}
.lec_tit li:first-child {border-bottom:1px solid #f57c24; color:#fff;height:33px; line-height:33px; padding:0 10px;}

.sub_box1 {background:#fff; border-radius:10px; overflow:hidden; border:1px solid #ddd; margin-bottom:38px; margin-top:10px;}
.sub_box1 li {}
.sub_box1 li:first-child {padding:11px 14px; border-bottom:1px solid #ddd;}
.sub_box1 li:first-child div {height:17px; line-height:17px; margin-top:11px; font-size:12px; color:#666;}
.sub_box1 li:first-child div:first-child {margin-top:0;}
.sub_box1 li:first-child div img {width:16px; vertical-align:top; margin-right:8px;}
.sub_box1 li:first-child div span {display:inline-block; vertical-align:top; line-height:17px; margin-right:12px; font-size:13px; font-weight:600;}
.sub_box1 li:first-child div b {float:right; font-size:16px; color:#f75674; font-weight:600;}
.sub_box1 li.txt {font-size:12px; line-height:16px; color:#333; padding:10px 14px;}

.sub_box2 {height:35px; background:#fff; border:1px solid #ddd; border-radius:35px; box-sizing:border-box; padding:7px 8px;}
.sub_box2_1 {height:10px; background:#eee; border-radius:18px; position:relative; border:4px solid #eee;}
.sub_box2_1 .bar {position:absolute; height:10px; background:#fdab01; left:0; top:0; border-radius:10px;}
.sub_box2_1 .bar div {position:relative;}
.sub_box2_1 .bar div span {position:absolute; right:12px; top:-37px;}
.sub_box2_1 .bar div span b {display:block; text-align:center; font-size:13px; color:#333; font-weight:600; padding-bottom:2px;}
.sub_box2_1 .bar div span img {width:18px; display:block; margin:0 auto;}
.sub_box2_txt {text-align:center; font-size:13px; color:#343434; padding-top:4px; margin-bottom:11px;}

.sub_menu_sub {height:33px; background:#fff; border-radius:33px; padding-left:7px; margin-bottom:20px; margin-top:-20px;}
.sub_menu_sub a {display:inline-block; vertical-align:top; height:16px; line-height:15px; margin-top:8px; border-left:1px solid #ddd; box-sizing:border-box;padding:0 6px; letter-spacing:-1px; font-size:12px; cursor:pointer;}
.sub_menu_sub a:first-child {border-left:0;}
.sub_menu_sub a.on {color:#f75674;}

.sub_box3 {background:#fff; padding:12px 10px; margin-bottom:20px;}
.sub_box3 p {font-size:12px; line-height:16px; color:#333;}
.sub_box3 .down {padding-top:8px; margin-bottom:10px;}
.sub_box3 .down a {display:block; height:33px; background:#23c8c8; text-align:center; line-height:33px; font-size:12px; color:#fff; border-radius:33px;}
.sub_box3 .btn {margin-left:-4px;}
.sub_box3 .btn span {display:inline-block; vertical-align:top; width:30%; box-sizing:border-box; padding-left:4px;}
.sub_box3 .btn span.center {width:40%;}
.sub_box3 .btn span a {height:31px; display:block; line-height:31px; border:1px solid #ddd; border-radius:33px; text-align:center; letter-spacing:-1px;}
.sub_box3 .btn span a img {width:auto; height:10px; vertical-align:top; margin-top:11px; margin-left:4px;}
.sub_box3 .btn span.close {cursor:pointer;}

.step_m {margin-left:-5px;}
.step_m span {display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; padding-left:5px;}
.step_m span a {display:block; cursor:pointer;text-align:center; height:53px; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding-top:11px;}
.step_m span a b {display:block; font-size:12px; color:#333; padding-bottom:6px; font-weight:600;}
.step_m span a strong {display:block; font-size:11px; color:#666;}
.step_m span.on a {background:#f75674; border:1px soild #f75674;}
.step_m span.on a b {color:#fff;}
.step_m span.on a strong {color:#fff;}

.step_con {padding-top:16px;}
.step_con_1 {display:none;}
.step_con_1 p {font-size:13px; color:#333; font-weight:600; margin-bottom:15px;}
.step_con_1 h1 {font-size:14px; color:#f75674; font-weight:600; margin-bottom:6px;}
.step_con_1 h1 img {width:8px; vertical-align:top; margin-top:3px; margin-right:5px;}

.class_table_style1{ width:100%; text-align:center; border-top:2px solid #333; color:#000; font-size:0.9em; margin-bottom:10px;}
.class_table_style1 thead tr th{font-weight:normal; border-left:1px solid #ddd; vertical-align:middle; background:#fff; height:50px; font-size:13px; color:#343434; font-weight:600;}
.class_table_style1 thead tr th:first-child {border-left:0;}
.class_table_style1 tbody tr td{ border-left:1px solid #ddd; padding:8px 0; background:#fff;border-top:1px solid #ddd; vertical-align:middle;}
.class_table_style1 tbody tr td:first-child {border-left:0;}
.class_table_style1 tbody tr td:nth-of-type(2){ text-align:left; padding-left:5px; padding-right:5px; font-size:13px; color:#343434; line-height:18px;}
.class_table_style1 tbody tr td a.play {}
.class_table_style1 tbody tr td a.down {display:none;}
.class_table_style1 tbody .finished{ background:#f4f4f4;}
.mab22 {margin-bottom:22px;}
.class_table_style1 tbody tr td.product {color:#f75674;}
.class_table_style1 tbody th {text-align:left;border-left:1px solid #ddd; padding:8px 0; background:#fff;border-top:1px solid #ddd; vertical-align:middle;padding-left:10px; padding-right:10px; font-size:13px; color:#333; line-height:18px;}
.class_table_style1 tbody th.t1 {color:#f75674; border-left:0;}
.class_table_style1 tbody th.t2 {border-left:0; vertical-align:middle; position:relative; padding-top:13px; padding-bottom:13px; color:#333; font-weight:600; font-size:13px;}
.class_table_style1 tbody th.price {text-align:right; font-size:18px; color:#f75674; font-weight:600;border-left:1px solid #ddd !important;}
.class_table_style3 tbody th {border-left:0 !important;}
.class_table_style3 tbody td {text-align:center !important; padding-left:0 !important;  padding-right:0 !important; font-size:13px !important; color:#333 !important;}
.class_table_style3 tbody td.save {color:#23c8c8 !important;}
.class_table_style3 tbody td.use {color:#f75674 !important;}
.class_table_style3 tbody th.txt1 {text-align:right; font-size:13px; color:#333;border-left:1px solid #ddd !important;}

.sub_box4 {font-size:12px; color:#333; line-height:16px; background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px; display:none; margin-bottom:20px;}

.sub_box5 {display:none;}
.sub_box5 .class_table_style1 {margin-bottom:20px;}
.sub_box5 .class_table_style1 tbody tr td:nth-of-type(2) {text-align:center; padding-left:0; padding-right:0;}
.sub_box5 .class_table_style1 tbody tr td.t1 {color:#666;}
.sub_box5 .class_table_style1 tbody tr td.t2 {color:#f75674;}




.sub_box6_view {display:none;}
.sub_box6_view p {font-size:14px; color:#333; font-weight:600; margin-bottom:6px;}


.sub_box6 {margin-left:-10px;text-align:center; margin-bottom:20px;}
.sub_box6 .sub_box6_1 {float:left; width:50%; box-sizing:border-box; padding-left:10px;}
.sub_box6 .sub_box6_2 {float:left; width:50%; box-sizing:border-box; padding-left:10px;}
.sub_box6:after {clear:both; margin:0; padding:0; display:block; content:"";}
.graph_layout {background:#fff; height:180px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding-top:10px;}
.graph_layout h1 {margin-bottom:13px; font-size:14px; color:#363840; font-weight:600;}
.graph_layout h1 img {width:8px; vertical-align:top; margin-top:4px; margin-right:4px;}
.graph_layout .graph_box {width:120px; margin:0 auto; background:#eee; padding:4px; height:120px;border-radius:120px;}


.c100 > span b {display:block; text-align:center; font-size:13px; color:#363840; font-weight:600; padding-top:7px;}
.c100 > span b strong {font-size:11px; color:#363840; font-weight:normal;}

.c100.pink > span {color:#f84869;}
.sub_box7_2 {display:none;}

.class_table_style1_2 tbody td {position:relative;}
.class_table_style1_2 tbody td a {display:block; text-align:left; padding-left:10px; position:relative;}
.class_table_style1_2 tbody td a b {display:block; color:#666; padding-bottom:6px;}
.class_table_style1_2 tbody td span {display:block; position:absolute; right:12px; top:50%; margin-top:-14px; width:28px; height:28px; border:1px solid #ddd; border-radius:28px; text-align:center; line-height:26px; background:#fff; font-size:14px; color:#ddd; font-weight:600;}
.class_table_style1_2 tbody td span.on {background:#f75674; border:1px solid #f75674; color:#fff;}
.class_table_style1_2 tbody tr td {padding:14px 0;}
.class_table_style1_2 tbody tr td a strong {color:#f75674;}

.search_area {margin-top:-15px; padding-bottom:4px; position:relative;}
.search_area .box1 {}
.search_area .box1 span {float:left; }
.search_area .box1 span input[type=radio] {width:30px; height:30px;}
.search_area .box1 span label {line-height:32px; color:#333; padding-left:4px; margin-right:15px;}
.search_area .box1 a.btn_zoom {display:inline-block; vertical-align:top; width:31px; float:right; cursor:pointer;}
.search_area .box1:after {clear:both; margin:0; padding:0; display:block; content:"";}
.search_area .box2 {padding-top:10px; padding-right:84px; position:relative; padding-bottom:15px;}
.search_area .box2 input[type=text] {box-sizing:border-box; width:100%; height:33px; background:#fff; border:1px solid #ddd; border-radius:33px;}
.search_area .box2 button {width:79px; height:33px; background:#f75674; text-align:center; border:0; color:#fff; border-radius:33px; position:absolute; right:0; bottom:15px; font-weight:600;}
.search_hide {display:none;}

.btn_more {text-align:center;}
.btn_more a {display:block; height:31px; line-height:31px; border:1px solid #ddd; border-radius:31px; background:#fff; color:#333; font-weight:600;}
.btn_more a img {vertical-align:top; width:10px; margin-top:11px; margin-left:5px;}

.bo_view_box {border-top:2px solid #333; margin-bottom:11px; margin-top:-20px;}
.bo_view_box li {background:#fff;}
.bo_view_box li.tit {padding:10px; border-bottom:1px solid #ddd;}
.bo_view_box li.tit h1 {font-size:13px; color:#333;}
.bo_view_box li.tit h1 span {display:block; color:#666; padding-bottom:6px;}
.bo_view_box li.tit p {padding-top:10px;font-size:12px; color:#666;}
.bo_view_box li.tit p span {float:right;color:#666; font-size:12px;}
.bo_view_box li.txt {font-size:12px; line-height:17px; color:#333; padding:10px; padding-bottom:20px;}
.bo_view_box li.tit2 {height:41px; line-height:41px; background:#333; padding-left:11px; font-size:13px; color:#fff; padding-right:11px;}
.bo_view_box li.tit2 img {vertical-align:top; margin-top:11px; width:19px; margin-right:10px;}
.bo_view_box li.tit2 span {float:right; font-size:12px; color:#ddd;}

.btn_list {}
.btn_list a {position:relative; display:block; height:31px; line-height:31px; border:1px solid #ddd; border-radius:31px; background:#fff; color:#333; font-weight:600; text-align:center;}
.btn_list a img {width:10px; position:absolute; right:11px; top:11px}

.btn_write {margin-top:-34px; margin-bottom:4px;}
.btn_write a {display:inline-block; vertical-align:top; width:68px; height:29px; text-align:center; background:#23c8c8; line-height:28px; border-radius:29px; font-size:12px; color:#fff; font-weight:600;position:relative; z-index:10;}
.btn_write a img {vertical-align:top; width:11px; margin-top:6px; margin-right:6px;}

.bo_write_box {border-top:2px solid #333; margin-bottom:11px; background:#fff; margin-top:-20px;}
.bo_write_box li {padding:11px; border-top:1px solid #ddd;}
.bo_write_box li:first-child {margin-top:0;}
.bo_write_box li.mail {}
.bo_write_box li.mail .a2 {line-height:28px; font-size:13px; color:#333;}
.bo_write_box li.mail .a2 select {float:right; width:101px; height:28px; border:1px solid #ddd; border-radius:28px; padding-left:10px;}
.bo_write_box li.mail .a3 {overflow:hidden; text-align:center; padding-top:6px;}
.bo_write_box li.mail .a3 input{width:48%; height:33px; border:1px solid #ddd; box-sizing:border-box; padding-left:10px;}
.bo_write_box li.mail .a3 input.left{ float:left;}
.bo_write_box li.mail .a3 input.right{ float:right;}
.bo_write_box li.mail .a3 span{display:inline-block; vertical-align:top; line-height:28px; width:4%; text-align:center;}
.bo_write_box li.mail .phone {}
.bo_write_box li.mail .phone input {width:31%;height:33px; border:1px solid #ddd; box-sizing:border-box; padding-left:10px;}
.bo_write_box li.mail .phone span {display:inline-block; vertical-align:top; line-height:28px; width:3.5%; text-align:center;}
.bo_write_box li.write {}
.bo_write_box li.write .tit {margin-bottom:10px;}
.bo_write_box li.write .tit input {height:33px; border:1px solid #ddd; box-sizing:border-box; padding-left:10px; width:100%;}
.bo_write_box li.write .con {margin-bottom:10px;}
.bo_write_box li.write .con textarea {height:220px; border:1px solid #ddd; box-sizing:border-box; padding:10px; width:100%;}
.bo_write_box li.write .btn {text-align:center;}
.bo_write_box li.write .btn button {height:29px; max-width:154px; width:45%; font-size:12px; border-radius:29px;}
.bo_write_box li.write .btn button.ok {margin-right:8px; color:#fff; background:#23c8c8; border:0;}
.bo_write_box li.write .btn button.cancel {color:#666; border:1px solid #ddd; background:#fff;}

.sub_txt1 {color:#333; line-height:18px; margin-bottom:5px;}
.sub_txt1 img {width:19px; margin-right:5px; vertical-align:top;}

.book_btn1 {}
.book_btn1 a {display:block; height:33px; background:#23c8c8; text-align:center; line-height:33px; font-size:12px; color:#fff; border-radius:33px;}

.mab10 {margin-bottom:10px !important;}
.mab20 {margin-bottom:20px !important;}

.mybook_list {}
.mybook_list li {position:relative; padding:10px; padding-left:136px; box-sizing:border-box; min-height:185px; background:#fff; border:1px solid #ddd; border-radius:10px; position:relative; margin-top:10px;}
.mybook_list li:first-child {margin-top:0;}
.mybook_list li .img {position:absolute; left:10px; top:10px; width:114px;}
.mybook_list li .txt {min-height:139px; margin-bottom:10px;}
.mybook_list li .txt h1 {font-size:13px; line-height:21px; color:#343434; margin-bottom:10px;}
.mybook_list li .txt .tag {background:#eee; padding:8px 10px; line-height:18px;}
.mybook_list li .txt .tag p {margin-left:-18px;}
.mybook_list li .txt .tag p strong {display:inline-block; vertical-align:top; margin-left:18px; color:#666;}
.mybook_list li span {display:block;}


.top_book {height:57px; position:relative; background:#fdab01; text-align:center; line-height:55px; font-size:18px; color:#fff; font-weight:600;}
.book_close {position:absolute; right:11px; top:10px; width:36px; border:0; background:none;}
.sub_tit1 {margin-bottom:5px; font-size:13px; color:#333; font-weight:600; position:relative;}
.sub_tit1 span {float:right; font-size:12px; font-weight:normal;}
.sub_tit1 a {float:right; font-size:12px; font-weight:normal;}
.sub_tit1 a.btn_delivery {display:block; width:111px; height:27px; background:#fff; border:1px solid #ddd; border-radius:27px; text-align:center; line-height:27px; color:#666; position:absolute; right:0; top:0;}
.sub_tit1 a img {width:6px; vertical-align:top; margin-top:2px; margin-left:4px;}


.sub_tit2 {margin-bottom:10px; font-size:13px; color:#333; font-weight:600; padding-bottom:5px; border-bottom:2px solid #333;}
.sub_tit2 a {float:right; font-size:12px; font-weight:normal;}
.sub_tit2 a img {width:6px; vertical-align:top; margin-top:2px; margin-left:4px;}
.pat16 {padding-top:16px;}

.isbn_box {border-top:2px solid #333; padding:10px; background:#fff;}
.isbn_box input {width:100%; border:1px solid #ddd; box-sizing:border-box; height:33px; padding-left:10px;}
.isbn_img {text-align:center; padding-top:10px;}
.isbn_img img {width:144px;}
.pat10 {padding-top:10px;}

.search_period_layout {border-top:2px solid #333; padding-top:10px;}
.search_period {background:#fff; border:1px solid #ddd; border-radius:10px; padding:12px; margin-bottom:10px;}
.search_period .period_1 {float:left; width:48%; height:33px; position:relative; padding-right:27px; box-sizing:border-box;}
.search_period .period_1 input.input1 {height:33px; border:1px solid #ddd; text-align:center; width:100%;}
.search_period .period_1 button.btn {background:none; border:0; position:absolute; top:4px; right:0;width:22px;}
.search_period .period_1 button.btn img {}
.search_period .period_2 {float:left; width:4%; height:33px; text-align:center; line-height:33px;}
.search_period .period_3 {float:left; width:48%; height:33px;}
.search_period:after {clear:both; margin:0; padding:0; display:block; content:"";}

.pay_policy {background:#fff; border:1px solid #ddd; border-radius:10px; padding:12px; padding-bottom:0;}
.pay_policy h1 {background:url(../images/arrow4.jpg) no-repeat right 3px; background-size:11px auto; font-weight:600; padding-bottom:11px; cursor:pointer;}
.pay_policy h1 span {color:#f75674}
.pay_policy.on h1 {background:url(../images/arrow6.jpg) no-repeat right 3px; background-size:11px auto;}
.pay_policy .con {padding-top:10px; border-top:1px solid #ddd; display:none; padding-bottom:12px;}
.pay_policy.on .con {display:block;}
.pay_policy .txt {color:#363840; line-height:17px; padding-bottom:15px;}
.pay_policy .con .btn {text-align:center; margin-left:-9px;}
.pay_policy .con .btn span {display:inline-block; vertical-align:top; width:50%; padding-left:9px; box-sizing:border-box; max-width:163px;}
.pay_policy .con .btn span button {height:28px; text-align:center; background:#23c8c8; color:#fff; border-radius:28px; width:100%;}
.pay_policy .con .btn span:first-child button {background:#f75674}

.book_txt {padding:12px; color:#363840; line-height:23px;}

.refundrule {padding:12px;}
.refundrule h1 {color:#f75674; font-weight:600; margin-top:18px;}
.refundrule h1:first-child {margin-top:0;}
.refundrule .book_txt {padding:0;margin-top:18px; line-height:16px;}

.btn_delivery {display:inline-block; width:113px; height:29px; text-align:center; line-height:29px; background:#23c8c8 url(../images/icon7.png) no-repeat 9px 7px; background-size:14px auto; border-radius:29px; color:#fff; font-weight:600}

.benefit_box {border-top:2px solid #333; padding-top:10px;}
.benefit_box ul {background:#fff; border:1px solid #ddd; border-radius:10px; margin-top:10px;}
.benefit_box ul:first-child {margin-top:0;}
.benefit_box ul li {border-top:1px solid #ddd; height:39px; line-height:39px; padding:0 12px; font-size:14px; color:#666;}
.benefit_box ul li img {vertical-align:top; width:24px; margin-top:8px; margin-right:6px;}
.benefit_box ul li.tit {border-top:0; color:#333; font-weight:600;}
.benefit_box ul li span {float:right; font-size:18px; color:#f75674; font-weight:600;}
.benefit_box ul li span b {color:#333;}

.coupon_input {margin-bottom:10px;}
.coupon_input input {height:33px; box-sizing:border-box; border:1px solid #ddd; background:#fff; width:100%; text-align:center;}

.mat0 {margin-top:0 !important;}

.myclass_box1 {margin-left:-10px; padding-top:10px; margin-bottom:20px;}
.myclass_box1 li {float:left; width:50%; box-sizing:border-box; padding-left:10px; text-align:center;}
.myclass_box1 li .box1 {background:#fff; border:1px solid #ddd; padding-top:9px; padding-bottom:12px; border-radius:10px;}
.myclass_box1 li .box1 h1 {line-height:20px; font-size:13px; color:#333; font-weight:600; margin-bottom:10px; letter-spacing:-1px}
.myclass_box1 li .box1 h1 img {vertical-align:top; width:41px; margin-right:5px;}
.myclass_box1 li .box1 p {height:32px; line-height:30px; background:#eee; border-radius:32px; font-size:18px; color:#f75674; font-weight:600; margin:0 10px;}
.myclass_box1 li .box1 p.p1 {color:#23c8c8;}
.myclass_box1 li .box1 p.p2 {color:#333;}
.myclass_box1:after {clear:both; margin:0; padding:0; display:block; content:"";}

.myclass_box2 {margin-bottom:20px;}
.myclass_box2 .content-slider li {text-align: center;color: #FFF; min-height:238px;}
.myclass_box2 .content-slider li .img {margin-bottom:3px;}
.myclass_box2 .content-slider li .img img {}
.myclass_box2 .content-slider li .tit {line-height:14px; height:45px; color:#666; overflow:hidden;}
.myclass_box2 .content-slider li .btn {}
.myclass_box2 .content-slider li .btn a {display:block; max-width:113px; margin:0 auto; height:28px; text-align:center; line-height:28px; background:#23c8c8; border-radius:28px; color:#fff;}
.myclass_box2 .lSPager {display:none;}

.pat0 {padding-top:0 !important;}

input[type=checkbox].css-checkbox {
	  position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:29px; 
    width:29px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:34px;
	display:inline-block;
	line-height:29px;
	background-repeat:no-repeat;
	background-position: 0 top;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	background-size:29px auto;
	color:#333;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -29px;
}

.css-label{
	background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
}

/*specific classes related to Checkbox skins*/


.mario-style{background-image:url(../images/chkbox.png);}
input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:34px;
    height:29px; 
	display:inline-block;
	line-height:29px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
	background-size:29px auto;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 0;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:34px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:34px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -52px;
}


.btn_delete {width:29px; border:1px solid #ddd;border-radius:29px; background:none; position:absolute; right:6px; top:50%; margin-top:-14px;}
.total_price {height:41px; line-height:41px; background:#333; padding:0 12px; font-size:13px; color:#fff; margin-bottom:15px;}
.total_price span {float:right; font-size:18px; color:#fff; font-weight:600;}

.payment_btn {text-align:center; margin-left:-9px; margin-bottom:15px;}
.payment_btn span {display:inline-block; vertical-align:top; width:50%; padding-left:9px; box-sizing:border-box; max-width:163px;}
.payment_btn span button {height:28px; text-align:center; background:#f75674; color:#fff; border-radius:28px; width:100%;}
.payment_btn span:first-child button {background:#23c8c8;}

.mab30 {margin-bottom:30px !important;}
.pab30 {padding-bottom:30px !important;}

.class_box1 {border-top:2px solid #333; background:#fff;}
.class_box1 li {border-top:1px solid #ddd; position:relative; padding:10px; padding-left:148px; min-height:66px;}
.class_box1 li .img {position:absolute; left:10px; top:10px;width:131px; border:1px solid #ddd;}
.class_box1 li .img img {}
.class_box1 li p {font-size:13px; line-height:19px; color:#333; min-height:52px; padding-bottom:5px; box-sizing:border-box;}
.class_box1 li span {display:block; font-size:13px; color:#f75674; font-weight:600;}
.class_box1 li button {background:none; width:29px; height:29px; border:1px solid #ddd; border-radius:29px; position:absolute; right:10px; bottom:10px; overflow:hidden;}
.class_box1 li:first-child {border-top:0;}

.payment_top {height:46px; line-height:46px; background:#fdab01; text-align:center;}
.payment_top span {color:#333;}
.payment_top span.on {color:#fff;}
.payment_top img {width:5px; margin:0 20px;}

.mab5 {margin-bottom:5px;}

.payment_btn2 {position:relative; height:28px; padding-right:121px; margin-bottom:15px;}
.payment_btn2 p {width:100%; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding-left:12px; font-size:13px; color:#333; height:28px; line-height:26px;}
.payment_btn2 p span {color:#f75674; font-weight:600;}
.payment_btn2 button {width:113px; height:28px; color:#fff; border-radius:28px; position:absolute; right:0; top:0; text-align:center;}
.payment_btn2 button.btn1 {background:#333;}
.payment_btn2 button.btn2 {background:#23c8c8;}

.table1 {border-top:2px solid #333;}
.table1 tbody th {text-align:center; background:#fff; height:38px; vertical-align:middle; font-size:13px; color:#f75674; font-weight:600;}
.table1 tbody td {text-align:center; background:#fff; height:38px; vertical-align:middle; border-top:1px solid #ddd; font-size:13px; color:#333; font-weight:600;}
.table1 tbody td .input_box {position:relative; padding:10px; padding-right:85px;}
.table1 tbody td .input_box input {width:100%; border:1px solid #ddd; height:32px; box-sizing:border-box; text-align:center;}
.table1 tbody td .input_box button {position:absolute; right:10px; top:10px; width:67px; height:32px; text-align:center; background:#23c8c8; border:0; color:#fff; border-radius:32px;}

.payment_txt1 {text-align:center; padding-top:12px; padding-bottom:14px; font-size:13px; color:#666;}

.mab15 {margin-bottom:15px !important;}

.total_payment {text-align:center; margin-bottom:10px;}
.total_payment li.box1 {background:#ff7c1a; height:40px; font-size:13px; color:#fff; font-weight:600; line-height:40px;}
.total_payment li.box2 {height:44px; background:#fff; line-height:44px; border-bottom:1px solid #ddd; color:#333; font-size:22px; font-weight:600;}
.total_payment li.box3 {line-height:17px; color:#363840; padding:10px; background:#fff;}
.total_payment li.box3 span {color:#f75674;}

.payment_btn3 {}
.payment_btn3 button {background:#f75674; width:100%; height:33px; border-radius:33px; color:#fff; }
.payment_btn3 a.btn1 {background:#23c8c8;width:100%; height:33px; border-radius:33px; color:#fff; display:block; text-align:center; line-height:33px;}
.mab26 {margin-bottom:26px !important;}

.payment_box1 {padding:5px 0;}
.payment_box1 label.css-label {color:#f75674 !important; font-size:13px !important;}

.input_type1 {width:100%; background:#fff; height:33px; box-sizing:border-box; border:1px solid #ddd; padding-left:10px;}
.input_type2 {width:50%; background:#fff; height:33px; box-sizing:border-box; border:1px solid #ddd; padding-left:10px;}

.payment_box2 {}
.payment_box2 li {margin-top:5px;}
.payment_box2 li:first-child {margin-top:0;}

.payment_box3 {}
.payment_box3 input {width:31%; background:#fff; height:33px; box-sizing:border-box; border:1px solid #ddd; padding-left:10px;}
.payment_box3 span {display:inline-block; vertical-align:top; line-height:33px; width:3.5%; text-align:center;}

.sub_txt2 {text-align:center; height:40px; line-height:40px; background:#fdab01; font-size:13px; color:#fff;}

.payment_box4 {margin-left:-3px; margin-bottom:17px;}
.payment_box4 span {display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:3px; width:33.333%;}
.payment_box4 span a {cursor:pointer; display:block; height:31px; text-align:center; color:#666; border-radius:33px; background:#fff; border:1px solid #ddd; line-height:31px;}
.payment_box4 span.on a {background:#23c8c8; border:1px solid #23c8c8; color:#fff;}
.mab17 {margin-bottom:17px !important;}

.payment_box5 {margin-left:-10px; margin-bottom:30px;}
.payment_box5 span {display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:10px; width:50%;}
.payment_box5 span button {height:31px; text-align:center; color:#666; border-radius:33px; background:#fff; border:1px solid #ddd; line-height:31px; width:100%; box-sizing:border-box;}
.payment_box5 span:first-child button {background:#f75674; border:1px solid #f75674; color:#fff;}

/* POPUP */
.black {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:100; display:none;}
.pop {display:none;}
.coupon_pop {position:absolute; left:0; top:130px; width:100%; z-index:200; box-sizing:border-box; padding:0 10px;}
.coupon_pop .con {background:#eee;}
.coupon_pop .con h1.tit {position:relative; text-align:center; height:47px; line-height:47px; background:#fdab01; font-size:15px; color:#343434; font-weight:600;}
.coupon_pop .con h1.tit button {width:29px; background:none; border:0; height:29px; position:absolute; top:9px; right:9px;}
.coupon_area {padding:12px; padding-bottom:20px;}
.coupon_radio {position:relative; padding-left:40px;}
.coupon_radio input {width:30px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px;}
.coupon_radio label {font-size:13px; color:#333;}
.coupon_radio label b {display:block; color:#333; font-weight:600; padding-bottom:3px;}
.btn_area1 {text-align:center;}
.btn_area1 button {height:29px; max-width:154px; width:45%; font-size:12px; border-radius:29px;}
.btn_area1 button.ok {margin-right:8px; color:#fff; background:#23c8c8; border:0;}
.btn_area1 button.cancel {color:#666; border:1px solid #ddd; background:#fff;}



.payment_ok {text-align:center; font-size:18px; color:#333; font-weight:600; padding-top:35px; padding-bottom:30px;}
.pat15 {padding-top:15px;}


.class_list_top {text-align:right; height:40px; line-height:40px; background:#fdab01; padding-right:6px;}
.class_list_top span {color:#fff; font-weight:600; cursor:pointer; padding-right:35px; background:url(../images/arrow5.png) no-repeat right 6px; display:inline-block; vertical-align:top; background-size:28px auto;}
.class_list_top.on span {background:url(../images/arrow6.png) no-repeat right 6px; background-size:28px auto;}

.class_list {background:#fff; padding-bottom:8px; border-bottom:1px solid #ddd; display:none;}
.class_list ul {}
.class_list ul li {border-bottom:1px solid #ddd;}
.class_list ul li a {display:block; padding:12px 10px; font-size:13px; color:#343434;}

.paging {text-align:center; padding-top:6px;}
.paging a {display:inline-block; vertical-align:top; width:30px; height:30px; text-align:center; line-height:30px; font-size:13px; color:#343434;}
.paging a.on {color:#f75674;}
.paging a.prev {margin-right:6px;}
.paging a.next {margin-left:6px;}

.img_box img {width:100%;}
.img_box p {text-align:center; height:38px; line-height:38px; background:#333; font-size:13px; color:#f75674; font-weight:600;}

.keyword {padding:6px; background:#fff;}
.keyword span {display:inline-block; vertical-align:top; width:49px; height:19px; text-align:center; line-height:19px; font-size:11px; color:#fff; border-radius:19px; margin:1px;}
.keyword span.k1 {background:#f75674;}
.keyword span.k2 {background:#23c8c8;}
.keyword span.k3 {background:#ff7c1a;}
.keyword span.k4 {background:#3992ff;}
.keyword span.k5 {background:#29d271;}
.keyword span.k6 {background:#fa65ff;}
.keyword span.k7 {background:#ac74ff;}

.class_box2 {}
.class_box2 li {}
.class_box2 li .chkbox {}
.class_box2 li:first-child {}

span.icon1 {display:inline-block; width:19px; height:19px; text-align:center; line-height:19px; font-size:12px; color:#fff; font-weight:600; border-radius:19px; background:#333; margin-right:5px;}

.class_box2 {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.class_box2 .class_table_style4 {border-top:0 !important; margin-bottom:0 !important;}
.class_box2 .class_table_style4 tbody td {border:0;}
.class_box2 .class_table_style4 tbody th {border:0;}
.class_box2 .class_table_style4 tbody th.tit {border-bottom:1px solid #ddd;}
.class_box2 .class_table_style4 tbody td.chkbox {border-left:0;}
.class_box2 .class_table_style4 tbody th strike {font-size:13px; color:#666; text-decoration:line-through;}
.class_box2 .class_table_style4 tbody th img.icon8 {width:14px; margin:0 5px;}
.class_box2 .class_table_style4 tbody th b {font-size:15px; color:#333; font-weight:600;}

.class_box3 {background:#fff; border:1px solid #ddd; border-radius:10px; margin-bottom:10px;}
.class_box3 li {height:31px; line-height:31px; text-align:center; color:#363840;}
.class_box3 li:first-child {height:48px; line-height:48px; color:#f75674; font-size:22px; font-weight:600; border-bottom:1px solid #ddd;}

.class_btn {margin-left:-2px; padding-bottom:15px;}
.class_btn span {display:inline-block; vertical-align:top; width:33.333%; box-sizing:border-box; padding-left:2px;}
.class_btn span button {width:110px; height:31px; background:#fff; border:1px solid #ddd; border-radius:31px; color:#666; width:100%; box-sizing:border-box;}
.class_btn span button.b1 {color:#fff; background:#f75674; border:1px solid #f75674;}
.class_btn span button.b2 {color:#fff; background:#23c8c8; border:1px solid #23c8c8;}

.borT1 {border-top:1px solid #ddd;}

.class_box4 {border:1px solid #ddd; border-radius:10px; background:#fff; margin-bottom:10px;}
.class_box4 .tit {padding:10px;border-bottom:1px solid #ddd;}
.class_box4 .con {position:relative; min-height:160px; padding:10px; padding-left:134px;}
.class_box4 .con .img {position:absolute; left:10px; top:10px; width:114px;}
.class_box4 .con .txt {padding-bottom:5px; min-height:130px; box-sizing:border-box; line-height:17px; color:#363840;}
.class_box4 .con .btn {text-align:right;}
.class_box4 .con .btn a {text-align:center; display:inline-block; vertical-align:top; width:111px; height:27px; line-height:27px; color:#666; border:1px solid #ddd; border-radius:27px;}

.class_box5 {padding:10px;border:1px solid #ddd; border-radius:10px; background:#fff;}
.class_box5 .txt {color:#363840; line-height:17px;}
.class_box5 .img {padding-top:10px;}
.class_box5 .img img {width:100%;}

.mab0 {margin-bottom:0 !important;}


.sns_wrap {padding:21px 10px; background:#fdab01;}
.sns_wrap span {float:left; display:block; width:120px; background:url(../images/arrow7.png) no-repeat right 13px; background-size:9px auto; font-size:16px; color:#333; line-height:20px; font-weight:600; letter-spacing:-1px;}
.sns_wrap span b {display:block; color:#fff;}
.sns_wrap strong {float:right;}
.sns_wrap strong a {display:inline-block; vertical-align:top; width:51px; height:51px; margin-left:8px;}
.sns_wrap strong a:first-child {margin-left:0;}
.sns_wrap:after {clear:both; margin:0; padding:0; display:block; content:"";}

@media screen and (max-width:480px) {

}