@charset "utf-8";
#bo_header {margin:0 0 20px 0;}
#bo_header:after {display:block;visibility:hidden;clear:both;content:""}

#list_cate {display:block;float:left;}
#list_cate ul {font-size:0;line-height:0;text-align:left;zoom:1;list-style-type: none;padding:0;}
#list_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#list_cate ul li {display:inline-block;margin:0 8px 0 0;padding:0 8px 0 0;background:url(../../../img/var.gif) no-repeat right 50%;}
#list_cate ul li:last-child {margin:0;padding:0;background:none;}
#list_cate ul li a {display:block;position:relative;color:#666;font-size:14px;line-height:40px;}
#list_cate a:focus, #list_cate a:hover, #list_cate a:active {color:#ff7700;}
#list_cate #bo_cate_on {color:#ff7700;}

.bo_header_right {float:right;line-height:40px;}
.bo_header_right .total {display:inline-block;}
.bo_header_right .total strong {color:#ff7700;font-weight:400;}

.bo_header_right .select {display:inline-block;position:relative;width:140px;height:40px;line-height:40px;margin:0 0 0 10px;}
.bo_header_right .select select {display:block;width:100%;height:40px;line-height:40px;border:solid 1px #ddd;}

.bo_header_right .list_type {display:inline-block;margin:0 0 0 5px;border-top:solid 1px #ddd;border-left:solid 1px #ddd;}
.bo_header_right .list_type:after {display:block;visibility:hidden;clear:both;content:""}
.bo_header_right .list_type a {display:block;float:left;width:40px;height:40px;color:#999;font-size:20px;text-align:center;line-height:34px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.bo_header_right .list_type a.on {color:#444;}

.bo_header_right input,
.bo_header_right span,
.bo_header_right img,
.bo_header_right i,
.bo_header_right a {vertical-align:middle;}


#p_title {display:block;position:relative;margin:0 0 24px 0;color:#222;font-size:18px;}

#p_info_wrap {position:relative;margin:0 0 60px 0;}
#p_info_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#p_img {float:left;position:relative;width:45%;}
#p_img .p_thumb {position:relative;width:500px;margin:0 auto 10px auto;}
#p_img .p_thumb #zoom_03 {display:block;width:500px;height:auto;margin:0 auto;}

.zoomWrapper {height:500px;}

#p_img #gallery_01 {position:relative;}
#p_img .thumbnails {position:relative;width:100%;max-width:500px;margin:0 auto 10px auto;}
#p_img .thumbnails ul {margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
#p_img .thumbnails ul:after {display:block;visibility:hidden;clear:both;content:""}
#p_img .thumbnails ul li {display:inline-block;width:20%;margin:0;padding:5px;cursor:pointer;}
#p_img .thumbnails ul li img {width:100%;height:auto;}

.p_refer {margin:0 0 10px 0;color:#f00001;}

.p_option {background:#f6f6f6}
.p_option ul {border-top:solid 1px #ddd;border-left:solid 1px #ddd;}
.p_option ul li {line-height:40px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.p_option ul li:after {display:block;visibility:hidden;clear:both;content:""}
.p_option ul li a.p_prev i,
.p_option ul li a.p_next i {font-size:18px;}
.p_option ul li a.p_prev {display:block;float:left;padding:0 10px;}
.p_option ul li a.p_next {display:block;float:right;padding:0 10px;}

.p_option ul li .p_opt {float:left;padding:0 10px;}
.p_option ul li .p_opt strong {color:#f00001;font-weight:400;}
.p_option ul li .p_opt i {font-size:16px;}
.p_option ul li .share_btn {display:block;float:right;position:relative;height:40px;padding:0 16px;border-left:solid 1px #ddd;cursor:pointer;}
.p_option ul li .share_btn i {font-size:16px;}
.p_option ul li .share_div {display:none;position:absolute;right:0;top:40px;width:160px;}
.p_option ul li .share_div:after {display:block;visibility:hidden;clear:both;content:""}
.p_option ul li .share_div a {display:block;float:left;width:40px;text-align:center;line-height:40px;}
.p_option ul li .share_div a img {width:20px;height:auto;}
.p_option ul li .share_div a i {color:#fff;font-size:20px;}
.p_option ul li .share_div a.btn_scrap {background:#444;}

#p_info {float:right;width:50%;}

.p_info {margin:0 0 24px 0;}
.p_info ul {border-top:solid 1px #eee;}
.p_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.p_info ul li {display:block;position:relative;padding:0 0 0 150px;line-height:40px;border-bottom:solid 1px #eee;}
.p_info ul li label {display:block;position:absolute;left:0;top:0;width:140px;padding:0 10px;font-weight:400;background:#f6f6f6}
.p_info ul li strong {color:#f00001;font-weight:500;}
.p_info ul li img {width:24px;height:auto;}

#bo_p_share {padding:0 0 10px 0}
#bo_p_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_p_share a.btn_scrap {display:block;float:left;width:49.5%;color:#fff;text-align:center;line-height:40px;background:#414d5d;border:none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#bo_p_share a.btn_scrap i {font-size:24px;}
#bo_p_share a.btn_scrap:hover {background:#444;}

#bo_p_share a.btn_consult {display:block;float:right;width:49.5%;color:#fff;text-align:center;line-height:40px;background:#414d5d;border:none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#bo_p_share a.btn_consult i {font-size:24px;}
#bo_p_share a.btn_consult:hover {background:#444;}


.linktab {margin:0 0 18px 0;}
.linktab ul {height:40px;padding:0 8px;border-bottom:solid 1px #999}
.linktab ul:after {display:block;visibility:hidden;clear:both;content:""}
.linktab ul li {display:block;float:left;position:relative;margin:0 -1px -1px 0;}
.linktab ul li a {display:block;position:relative;padding:0 18px;color:#999;font-size:13px;line-height:38px;background:#f6f6f6;border:solid 1px #ccc;border-bottom:none;cursor:pointer;}
.linktab ul li a.on {color:#444;line-height:39px;background:#fff;border:solid 1px #999;border-bottom:none;z-index:1;}



.data_con {margin:0 0 60px 0;}
.data_con h3 {display:block;margin:0 0 18px 0;color:#222;font-size:18px;font-weight:400;}
.data_con p {font-size:14px;}

.data_wrap {margin:0 0 60px 0;}
.data_wrap h3 {display:block;margin:0 0 18px 0;color:#222;font-size:18px;font-weight:400;}
.data_wrap h4 {display:block;margin:0 0 18px 0;color:#222;font-size:16px;font-weight:400;}
.data_wrap .refer {margin:18px 0 0 0;color:#f00001;font-size:13px;}

.data_type table {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;border-top:1px solid #ddd}
.data_type th {width:20%;padding:12px 20px;font-weight:300;color:#222;text-align:left;background:#f6f6f6;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data_type td {width:80%;padding:12px 20px;text-align:left;border-bottom:1px solid #ddd;word-break:keep-all}

.data2_type {width:100%;overflow-x:auto;}
.data2_type table {width:100%;min-width:800px;border-collapse:collapse;border-spacing:0;background:#fff;border-top:1px solid #ddd}
.data2_type th {padding:12px 20px;font-weight:300;color:#222;text-align:center;background:#f6f6f6;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data2_type th:last-child {border-right:none;}
.data2_type td {padding:12px 20px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data2_type td:last-child {border-right:none;}

ul.features {margin:0 !important;padding:0 !important;}
ul.features li {display:block;margin:0 0 6px 0;padding:0 0 0 8px;line-height:20px;word-break:keep-all;background:url(../../../img/bullet.png) no-repeat 0 12px;}


#bo_v_mov {min-height:200px;height:auto !important;height:200px}

ul.mov {margin:0 !important;padding:0 !important;}
ul.mov:after {display:block;visibility:hidden;clear:both;content:""}
ul.mov li {display:block;float:left;position:relative;width:19%;margin:0 0.5%}
ul.mov li a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;}
ul.mov li a i {display:block;position:absolute;left:50%;top:50%;margin:-16px 0 0 0;color:#fff;font-size:48px;
-ms--webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
ul.mov li img {width:100%;height:auto;margin:0 0 8px 0;}
ul.mov li p {text-align:center;}

#bo_v_photo {min-height:200px;height:auto !important;height:200px}

ul.sample {margin:0 !important;padding:0 !important;}
ul.sample:after {display:block;visibility:hidden;clear:both;content:""}
ul.sample li {display:block;float:left;width:19%;margin:0 0.5%}
ul.sample li img {width:100%;height:auto;}


#bo_category {width:100%;margin:0 0 36px 0;padding:20px;background:#f6f6f6;border:solid 1px #ddd;}
#bo_category ul {}
#bo_category ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_category ul li {display:block;float:left;width:20%;}
#bo_category ul li a {display:block;color:#666;font-size:13px;line-height:30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_category a:focus, #bo_category a:hover, #bo_category a:active {color:#444;font-weight:400;}
#bo_category #bo_cate_on {color:#444;font-weight:400;}

.write_div textarea {display:block;width:100%;height:240px;padding:9px;border:solid 1px #ddd;}

.comp_tags_view {margin:40px 0 0 0;padding:0 0 0 26px;background:url("../../../img/tag.png") no-repeat scroll 0 4px;}
.comp_tags_view a {display:inline-block;margin:0 0 4px 0;padding:4px 8px;color:#465568;font-size:12px;background:#eee;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.comp_tags_view a:hover {color:#fff;background:#465568;}

#bo_w .bo_w_select .select_half {float:left;width:49%;margin:0 2% 0 0;}
#bo_w .bo_w_select .select_half2 {float:left;width:49%;}



a.down_excel {color:#f00001;text-decoration:underline}

.excelfile_upload {position:relative;margin:0 0 40px 0;}
.excelfile_upload label {display:block;position:absolute;width:120px;height:40px;left:0;top:0;padding:0;color:#fff;line-height:40px;font-weight:300;text-align:center;background:#4a4c58;border:none;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.excelfile_upload label:hover {background:#15aacf;}
.excelfile_upload label input {position:absolute;width:0;height:0;overflow:hidden;}
.excelfile_upload input[type=text] {display:block;width:100%;height:40px;line-height:40px;text-indent:130px;border:solid 1px #ccc;}


#normal_type {border-top:solid 1px #ddd;}
.article_box {position:relative;padding:20px 0;border-bottom:solid 1px #ddd;}
.article_box:after {display:block;visibility:hidden;clear:both;content:""}
.article_box .img {float:left;width:30%;}
.article_box .img img {width:100%;height:auto}
.article_box .con {float:left;position:relative;width:70%;padding:20px 40px;}
.article_box .con .bo_cate_link {color:#ff7700;}
.article_box .con a.subject {display:block;margin:0 0 12px 0;color:#222;font-size:24px;letter-spacing:-1px;}
.article_box .con p.location {font-size:16px;}
.article_box .con p.period {font-size:16px;}
.article_box a.btn_detail {display:block;position:absolute;right:40px;top:50%;width:160px;color:#fff;text-align:center;line-height:50px;background:rgba(65,77,93,1);
-webkit-transform: translateY( -50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.article_box a.btn_detail_mobile {display:none;width:120px;margin:10px 0 0 0;color:#fff;font-size:13px;text-align:center;line-height:40px;background:rgba(65,77,93,1);}
.article_box .chk_box {position:absolute;left:0;top:0;width:26px;height:26px;background:#eee;}

.bo_sch .sch_input_date {display:block;float:left;width:30%;height:38px;text-indent:10px;border:none;border-right:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch .sch_input {display:block;float:left;width:70% !important;}





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

#bo_header {margin:0 20px 20px 20px;}

#list_cate {float:none;}

.bo_header_right {float:none;}



#p_img .p_thumb {width:400px}
#p_img .p_thumb #zoom_03 {width:400px;}

.zoomWrapper {height:400px;}

#p_info_wrap {margin:0 20px 24px 20px;}

.comp_tags_view {margin:40px 20px 0 20px;}

#bo_category {width:auto;margin:0 20px 36px 20px;}
#bo_category ul li {width:25%;}

#normal_type {margin:0 20px;}


.article_box .con {padding:0 40px;}
.article_box a.btn_detail {display:none;}
.article_box a.btn_detail_mobile {display:block;}
}





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

#bo_header {margin:0 10px 20px 10px;}

#list_cate {float:none;}
#list_cate ul li a {font-size:13px;line-height:30px;}

.bo_header_right {float:none;line-height:40px;}




#p_title {font-size:16px;}

#p_img {float:none;width:100%;margin:0 0 24px 0;}

#p_img .p_thumb {width:360px}
#p_img .p_thumb #zoom_03 {width:360px;}

.zoomWrapper {height:360px;}

#p_info {float:none;width:100%;}

.p_info ul li {padding:0 0 0 120px;font-size:13px;}
.p_info ul li label {width:110px;font-size:13px;}

#bo_p_share a.btn_scrap i {font-size:20px;}
#bo_p_share a.btn_consult i {font-size:20px;}

.linktab ul li a {padding:0 12px;}

.data_con h3 {font-size:16px;}
.data_con p {font-size:13px;}

.data_wrap h3 {font-size:16px;}
.data_wrap h3 {font-size:14px;}

.data_type th {width:20%;padding:12px 8px;font-size:13px;line-height:20px;}
.data_type td {width:80%;padding:12px 8px;font-size:13px;line-height:20px;}

.data2_type th {padding:12px 8px;font-size:13px;line-height:20px;}
.data2_type td {padding:12px 8px;font-size:13px;line-height:20px;}

ul.features li {font-size:13px;background:url(../../../img/bullet.png) no-repeat 0 12px;}


#bo_v_mov {min-height:200px;height:auto !important;height:200px}

ul.mov li {width:32%;margin:0 0.5%}
ul.mov li img {width:100%;height:auto;margin:0 0 8px 0;}
ul.mov li p {font-size:13px;}

#bo_v_photo {min-height:200px;height:auto !important;height:200px}

ul.sample li {width:32%;margin:0 0.5%}




#bo_category {display:none;padding:10px;}
#bo_category ul li {width:33.33%;}

#bo_w .bo_w_select .select_half {float:none;width:100%;margin:0 0 5px 0;}
#bo_w .bo_w_select .select_half2 {float:none;width:100%;}



#normal_type {margin:0 10px;}
.article_box .img {float:none;width:300px;margin:0 0 18px 0;}
.article_box .con {float:none;padding:0px;}
.article_box .con a.subject {font-size:18px;}
.article_box .con p.location {font-size:14px;}
.article_box .con p.period {font-size:14px;}
.article_box a.btn_detail {display:none;}
.article_box a.btn_detail_mobile {display:block;}
}





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

#p_img .p_thumb {width:300px}
#p_img .p_thumb #zoom_03 {width:300px;}

.zoomWrapper {height:300px;}

ul.mov li {width:48%;margin:0 1%}
ul.sample li {width:48%;margin:0 1%}

.article_box .img {width:100%;}
.article_box .con a.subject {font-size:16px;}
.article_box .con p.location {font-size:13px;}
.article_box .con p.period {font-size:13px;}
.article_box a.btn_detail_mobile {display:block;width:100%;}
}