@charset "utf-8";

/* Mobile */
.scontent{}
.scontent .s_top{position:relative}
.scontent h1{color:#fff;font-size:1.4em;padding:13px 0 15px;width:100%;margin:0 auto;background:#92af44;text-align:center;text-shadow:-1px -1px 1px #708634}
.scontent .local{border-bottom:#d8d8d8 1px solid;padding:0 2.5% 3% 8%;background:url("/images/mobile/sub/local_home.gif") no-repeat 3% 2px;background-size:4%}
.scontent .s_top .sbtn_back{position:absolute;top:15px;left:5%;width:15%}
.scontent .s_top .sbtn_back a{background:url("/images/mobile/sub/sbtn_back.png") no-repeat;display:inline-block;
color:#fff;font-weight:600;text-shadow:-1px -1px 1px #708634;width:80%;padding:1px 0 1px 20px;font-size:1.2em}
.scontent .s_top .sbtn_menu{position:absolute;top:17px;right:5%;}
.scontent .s_top ul{position:absolute;top:57px;left:0;text-align:center;font-size:1em;width:100%}
.scontent .s_top ul li{border-bottom:1px solid #d6d6d6;background:#fff}
.scontent .s_top ul li a{display:block;padding:3% 0}

.scontent h2{font-size:1.4em;color:#555;margin-bottom:10px}
.scontent h3{font-size:1.2em;color:#7f9b35;margin-bottom:10px}

.s_con{padding:20px 2.5%}
.s_con p img{width:100%}

.s_bbs{padding:0 0 30px 0}

.comment{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; }

.s_view_con img{width:100%}
.bbs_con img{width:100%}

.table_row, .table_col{width:100%;margin:5px 0;border-top:#2067c3 2px solid}
.table_row th, .table_row td, .table_col th, .table_col td{padding:5px;border:1px solid #ccc;vertical-align:middle;line-height:1.4em}
.table_row th{background:#46beac;color:#fff}


.table_col thead th{background:#e2e2e2;color:#555}
.table_col tbody th{background:#f4f4f4;color:#555}

.table_c{text-align:center}


/*smenu*/
.smenu{width:95%;padding:2% 3%;border:#d8d8d8 1px solid;border-radius:5px;background:#f1f1f1}
.smenu a{display:block;padding:3% 0;color:#333}
.smenu li{padding:2%;font-weight:600;}
.smenu li a{background:url("/images/mobile/sub/smenu_blit.png") no-repeat 0 center;background-size:2%;padding-left:3%}
.smenu ul{margin-top:2%;padding:2% 3%;border:#d8d8d8 1px solid;background:#fff}
.smenu li li{border-top:#d8d8d8 1px solid;font-size:0.9em;padding:0;font-weight:normal;}
.smenu li li a{background:none;padding-left:0}
.smenu li li:first-child{border:none;}

.tab_basic{width:100%;height:30px;padding:0;background:url("/images/sub/tab_bg.gif") repeat-x 0 bottom;}
.tab_basic li{float:left;margin:0 1px 0 0;border:1px solid #e1e1e1;border-bottom:none;}
.tab_basic li a{background-color:#fcfcfc;display:inline-block;padding:8px 20px 0 20px;height:20px;}
.tab_basic li.now{height:28px;border:1px solid #0684d2}
.tab_basic li.now a{color:#fff;font-weight:bold;background-color:#0684d2;}

.tab_box{overflow:hidden;background-color:#f8f8f8;border:1px solid #e1e1e1;padding:10px;margin:0 0 30px 0;}
.tab_box p{float:left;width:500px;padding:3px 0 0 0;}
.tab_box form{float:right;width:140px;}

.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_center{text-align:center;}

.txt_blue{color:#0053b0 !important;}
.txt_org{color:#ff7700; !important;}
.txt_red{color:#ff444f; !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.box_con{background-color:#f5f5f5;border:1px solid #e1e1e1;padding:20px;}
.box_con li{padding:0 0 4px 12px;background:url("/images/sub/btn_list01.gif") no-repeat 0 6px;}

.s_con h4{font-size:1.2em;font-weight:600;color:#ff6445;padding:0 0 10px 0;}
.con_txt{padding:0 0 0 12px;margin:0 0 20px 0;text-align:justify}
.con_txt li{padding:0 0 5px 14px;background:url("/images/sub/con_btn01.gif") no-repeat 0 5px;}
.con_txt li ul{padding:5px 0 0 0;}
.con_txt li ul li{background:url("/images/sub/con_btn02.gif") no-repeat 0 8px;}



.basic_tab{height:55px;margin-bottom:5%;text-align:center;font-weight:600;background:url("/images/mobile/sub/tab_line.gif") repeat-x 0 bottom;}
.basic_tab li{float:left;border:2px solid #d6d6d6;background:#f8f8f8;border-bottom:none}
.basic_tab li a{display:block;padding:15px 0;color:#444}
.basic_tab li.on{border:2px solid #ff6445;background:#fff;border-bottom:none}
.basic_tab li.on a{padding:15px 0 17px 0;;color:#ff6445}
.basic_tab:after{clear:both;content:"";display:block}

.tab2 li{width:48.8%}
.tab3 li{width:25%}
.tab3 li:last-child{width:46%}


.basic_table{width:100%;border-top:#4c4c4c 2px solid;font-size:0.9em;margin-bottom:30px}
.basic_table th,.basic_table td{border-bottom:1px solid #d8d8d8;padding:10px 5px;vertical-align:middle}
.basic_table th{background:#f8f8f8}

.basic_table input,.basic_table select{padding:5px;border:1px solid #d8d8d8}
.basic_table input.in01{width:50%}
.basic_table input.in02{width:25%}
.basic_table input.in03{width:95%}
.basic_table button{padding:4px 5px}
.basic_table .orderT{width:95%;padding:5px}

.order_check{background:#f8f8f8;padding:10px;font-size:0.9em}
.order_check input{margin-top:3px}
.order_ra{margin-top:3px}
.order_ratxt{margin-right:10px}

.shop_wrap{}
.s_list{text-align:center}
.s_list div{display:inline-block;width:150px;margin:20px 2% 0 2%;border-bottom:1px dashed #ddd;padding-bottom:20px}
.s_list div p{border:1px solid #d8d8d8;margin-bottom:7px}
.s_list div p img{width:100%}
.s_list div ul{height:43px;font-size:0.7em;overflow:hidden;margin-bottom:3px}
.s_list div ul li{float:left;width:32%;color:#fff;text-align:center;padding:2px 0;margin:1px}
.s_list div dl{text-align:center;color:#333}
.s_list div dt{height:35px}
.s_list div dd{padding-top:15px}
.s_list div dd span{color:#ff6445;font-size:2em;margin:-15px 3px 0 0;display:inline-block;font-style:italic}
.s_list:after{clear:both;content:"";display:block}

.s_type li.t1{background:#7f98eb}
.s_type li.t2{background:#6cbbd6}
.s_type li.t3{background:#6cd6bc}
.s_type li.t4{background:#8ecd63}
.s_type li.t5{background:#73c546}
.s_type li.t6{background:#cb6a0b}
.s_type li.t7{background:#7f7f7f}

.shop_wrap .s_select{}
.shop_wrap .s_select select{width:100%;padding:2%}

.shop_wrap .gg_btn{margin:15px auto;text-align:center}
.shop_wrap .gg_btn li{float:left;font-size:1.4em;width:12%;background:#f8f8f8;border:1px solid #d8d8d8;height:70px}
.shop_wrap .gg_btn li strong{padding-top:7px;display:inline-block}
.shop_wrap .gg_btn li span{display:block;font-size:0.7em;padding:5px 0}
.shop_wrap .gg_btn li a{display:block;padding:10px 0;}
.shop_wrap .gg_btn li.now{width:74%;border-left:none;border-right:none;background:#0684d2;color:#fff}
.shop_wrap .gg_btn:after{clear:both;content:"";display:block}

.sv_info_wrap{}
.sv_top{text-align:center}
.sv_top .s_type{color:#fff;font-size:0.7em;margin-bottom:10px}
.sv_top .s_type li{width:13%;display:inline-block;padding:2px 0;}
.sv_top .s_type:after{clear:both;content:"";display:block}
.sv_img{width:300px;margin:0 auto 20px auto;position:relative}
.sv_img p.img{border:1px solid #d8d8d8;height:300px;margin-bottom:10px}
.sv_img p.btn a{border:1px solid #d8d8d8;display:inline-block;position:absolute;top:312px}
.sv_img p.btn a.sv_btn01{left:0}
.sv_img p.btn a.sv_btn02{right:0}
.sv_img p.img img{width:100%;height:300px}
.sv_img ul{width:232px;margin:0 auto;overflow:hidden;height:57px}
.sv_img li img{width:100%}
.sv_img li{float:left;border:1px solid #d8d8d8;width:50px;height:50px;margin:0 3px}

.sv_info{}
.sv_info h2{font-weight:normal;color:#333;margin-bottom:10px;text-align:center}
.sv_info table{border-top:1px solid #d8d8d8;width:100%}
.sv_info table th,.sv_info table td{border-bottom:1px solid #d8d8d8;text-align:left;padding:7px 5px}
.sv_info .innum{padding:0;height:18px;border:1px solid #d8d8d8;width:25px;font-size:0.9em;text-align:center}
.sv_info div{padding:20px 0}
.sv_info div table{width:100%;border-top:#4c4c4c 2px solid !important;font-size:0.9em;margin-bottom:30px}
.sv_info div table th,
.sv_info div table td{border-bottom:1px solid #d8d8d8 !important;padding:10px 5px;vertical-align:middle}
.sv_info div table th{background:#f8f8f8 !important}

.sv_btn_buy{margin-top:20px;text-align:center}
.sv_btn_buy li{width:23%;display:inline-block;text-align:center}
.sv_btn_buy li a{display:block;padding:10px 0;background:#f8f8f8;border:1px solid #d8d8d8}
.sv_btn_buy li.now a{background:#ff6445;border:1px solid #f05536;color:#fff}

.sv_info_wrap:after{clear:both;content:"";display:block}

.s_view{margin:20px 0}
.s_view_con{}
.s_view_con .s_view_about{font-size:0.9em;margin-bottom:20px}
.s_view_con .s_view_about .txt{float:left;padding:5px 0}
.s_view_con .s_view_about .txt span{color:#ff6445;margin-top:2px;display:inline-block}
.s_view_con .s_view_about .btn{float:right}
.s_view_con .s_view_about .btn a{display:inline-block;border:1px solid #d8d8d8;padding:5px;background:#f8f8f8}
.s_view_con .s_view_about div{clear:both}
.s_view_con .s_view_about div ul{margin-bottom:10px}
.s_view_con .s_view_about div li{float:left}
.s_view_con .s_view_about div li input{margin-top:5px}
.s_view_con .s_view_about div li label{margin-right:10px}
.s_view_con .s_view_about textarea{width:100%}
.s_view_con .s_view_about div ul:after{clear:both;content:"";display:block}
.s_view_con .s_view_about:after{clear:both;content:"";display:block}
.s_view_con table{width:100%;border-top:1px solid #d8d8d8;font-size:0.9em}
.s_view_con table td{border-bottom:1px solid #d8d8d8;text-align:left;padding:10px 5px}

.cart_list{}
.cart_list .cart_img{width:72px;border:1px solid #d8d8d8;display:inline-block}
.cart_list .cart_img img{width:70px;height:70px}
.cart_list ul{text-align:left}
.cart_list li{font-size:0.9em;padding:0 0 5px 0}
.cart_list li span{width:42%;display:inline-block;font-weight:600;color:#444}
.cart_list table{border-top:2px solid #ff6445;width:100%}
.cart_list table td{padding:15px 5px;border-bottom:1px solid #d0d0d0;text-align:center}
.cart_list table tfoot td{font-weight:600;color:#333}
.cart_list .cart_ubtn{font-size:0.9em;margin-top:5px;}
.cart_list .cart_ubtn a{border:1px solid #d8d8d8;padding:3px;background:#f8f8f8;display:inline-block;margin:0 1px}

.cart_list .check_list{display:inline-block;width:49%}
.cart_list .check_list span{width:38%}

.shop_wrap .shop_btn{text-align:center;margin:15px auto 0 auto}
.shop_wrap .shop_btn a{display:inline-block;width:30%;margin:0 2px;padding:10px 0;background:#f2f2f2;text-align:center;font-weight:600;border-radius:6px;border:1px solid #d8d8d8}
.shop_wrap .shop_btn a.btn_c{background:#ff6445;border:1px solid #f05536;color:#fff}


.cyber_ship{}
.cyber_ship ul{padding:10px 0}
.cyber_ship ul li{background:url("/images/mall2/sub02/view_choice_btn.gif") no-repeat 0 5px;padding:0 0 5px 10px;line-height:1.4em}

.cyber_exchange{line-height:1.6em}
.cyber_exchange dl{padding:10px 0 0 0}
.cyber_exchange dl dt{font-weight:600}
.cyber_exchange dl dd{background:url("/images/mall2/sub02/view_choice_btn.gif") no-repeat 0 5px;padding:0 0 5px 10px;line-height:1.4em}

.cyber_exchange .org{color:#ff7700}



/*bbs*/
.bbs_list{border-top:#4c4c4c 2px solid}
.bbs_list a{display:block;border-bottom:solid 1px #d0d0d0;}
.bbs_list dl{padding:15px 2.5%;margin:0;background:url("/images/mobile/sub/bbs_list_bg.png") no-repeat 95% center;background-size:4%}
.bbs_list dl dt{color:#333;font-weight:600;font-size:1em;padding:0 0 3px 0;}
.bbs_list dl dd{color:#767676;}
.bbs_list dl dd span{padding-right:10px}
.bbs_list a.gong{background:#f5f5f5}
.bbs_list a.bbs_lock dt{background:url("/images/mobile/sub/icon_lock.png") no-repeat 0 center;background-size:4%;padding-left:20px}

.ph_list{border-top:#4c4c4c 2px solid}
.ph_list li{border-bottom:solid 1px #bcbcbc;padding:15px 0;line-height:1.5em;}
.ph_list li span{display:inline-block;margin:0 2% 0 0;width:30%;float:left}
.ph_list li span img{width:100%;}
.ph_list li dl{display:inline-block;float:left;width:68%}
.ph_list li dt{color:#333;font-weight:600;display:block;font-size:1em}
.ph_list li dd{color:#767676;text-align:justify;font-size:0.9em;line-height:1.2em}
.ph_list li:after{clear:both;content:"";display:block}

.tour_list li{border-bottom:solid 1px #bcbcbc;padding:20px;line-height:1.5em;}
.tour_list li span{display:block;margin:0 0 10px 0}
.tour_list li span img{width:100%;}
.tour_list dt{color:#555;font-weight:600;font-size:1.25em;padding:0 0 3px 0;}
.tour_list dd dt{font-size:1em;color:#777;background:url("/images/sub/s_blit_dot.gif") no-repeat left center;padding:0 0 0 10px;font-weight:600}
.tour_list dd dd{padding:0 0 0 10px;color:#777;}

.page{text-align:center;margin:20px 0 0 0}
.page span{display:inline-block;margin:0 2px;}
.page span a{display:block}
.page span a.on{color:#fff;font-weight:600;}
.page span.p_on{width:27px;height:20px;background:#92af44;border:solid 1px #839f38;color:#fff !important;font-weight:600;padding:5px 0 2px 0;}
.page span.p_off{width:27px;height:20px;border:solid 1px #d8d8d8;padding:5px 0 2px 0;}

.bbs_view{border-top:#4c4c4c 2px solid}
.bbs_view dl{border-bottom:solid 1px #d0d0d0;padding:15px 2.5%;line-height:1.5em}
.bbs_view dl dt{color:#333;font-weight:600;font-size:1em}
.bbs_view .bbs_con{padding:15px 2.5%;line-height:1.6em;}
.bbs_view .file{padding:5px 2.5% 10px 2.5%;border-bottom:solid 1px #d8d8d8;line-height:1.6em;}
.bbs_view .file a{color:#000;text-decoration:underline}

.bbs_write{border-top:#4c4c4c 2px solid}
.bbs_write .bbs_table{width:100%;margin:0 0 10px 0;}
.bbs_write .bbs_table thead th, .bbs_table tbody th{text-align:center;vertical-align:middle;color:#333;font-size:1em;}
.bbs_write .bbs_table thead th{color:#333;border-bottom:solid 1px #e5e5e5;padding:10px 0;}
.bbs_write .bbs_table tbody th{border-bottom:solid 1px #e5e5e5;background-color:#f5f5f5;}
.bbs_write .bbs_table tbody td{font-size:0.9em;padding:10px 0 10px 10px;border-bottom:solid 1px #e5e5e5;text-align:left;vertical-align:middle;}
.bbs_write .bbs_table textarea{border:#e5e5e5 1px solid;}

.bbs_write .bbs_table .file{padding:5px 0;}
.bbs_write .bbs_table .file li{padding:0 0 3px 0}
.bbs_write .bbs_table .file li span a{color:#000;text-decoration:underline}

.table_input{border:1px solid #e5e5e5;font-size:1.0em;height:22px;padding:2px;}

.con_btn{text-align:center;margin:15px auto 0 auto}
.con_btn a{display:inline-block;width:30%;margin:0 2px;padding:10px 0;background:#f2f2f2;text-align:center;font-weight:600;border-radius:6px;border:1px solid #d8d8d8}

.s_search h2{color:#555;font-size:1.2em;margin:20px 2.5% 10px 2.5%}
.s_search ul{padding:0 4%}
.s_search>div:first-child{border-bottom:1px solid #dedede;padding:0 0 40px 0}
.s_search li a{background:url("/images/mobile/common/blit01.gif") no-repeat 2px center;background-size:2%;display:block;padding:2% 0 2% 4%}


/*mem*/
.input01{width:100%;border:1px solid #ddd;padding:3% 0;margin:0 0 1% 0}
.cbtn01{background:#ff6445;color:#fff;width:100%;padding:4% 0;margin:2% 0;-webkit-appearance:none;}

.mem_search{border-bottom:1px solid #dedede;padding:0 0 20px 0;margin:0 0 20px 0;}
.mem_search p{margin:0 0 10px 0}
.mem_search h2{color:#555;font-size:1.2em;margin:20px 20px 10px 20px;}
.mem_search .t_input, .mem_search .sc_bt{border:1px solid #dedede;border-radius:6px;padding:5px}
.mem_search .t_input{width:60%}
.mem_search .sc_bt{font-weight:600;width:30%}

.mem_t .name{width:70px}
.mem_t dt{background:url("/images/mobile/sub/s_blit_dot.gif") no-repeat left 7px;padding:0 0 0 10px;font-weight:600}
.mem_t dd{padding:0 0 0 10px;}


.login_wrap{margin-bottom:3%}
.login_wrap .log_sbtn{text-align:center;margin:2% 0}
.login_wrap .log_sbtn a{display:inline-block;background:#f8f8f8;border:1px solid #d6d6d6;padding:10px 0;width:48%;color:#333;font-weight:600}

.login_wrap .log_txt{text-align:center;}


@media all and (min-width:480px){

.bbs_list dl{background-size:3%}
.bbs_list a.bbs_lock dt{background-size:3%;}

.tab2 li{width:49%}

.log_sbtn a{width:49%}
}

/* Tablet */
@media all and (min-width:768px){

.scontent .local{padding:0 2.5% 3% 6%;background-size:2%}

.smenu li a{background-size:1.5%;}

.bbs_list dl{background-size:2%}
.bbs_list a.bbs_lock dt{background-size:2%;}


.tab2 li{width:49.3%}
.tab3 li{width:25%}
.tab3 li:last-child{width:48%}

.sv_img{float:left;}
.sv_info{float:right;width:55%;margin-bottom:10px}
.sv_info h2{text-align:left}
.sv_btn_buy li{margin-bottom:5px}

.cart_list li span{width:30%;}

.cart_list .check_list span{width:25%}



.s_search li a{background-size:1%;padding:2% 0 2% 2%}

/*mem*/
.mem_t dt{float:left;}
.mem_t dd{overflow:hidden}
}