/* CSS Document */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
.bx-wrapper{width:97% !important;}
#page_catlist #catlist_right #bannerA1{-moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0; width:99%; margin:10px 0 0 0; padding:0; float:left;}
#page_catlist #catlist_right #blog_writer{width:96%; float:left; height:auto; margin:10px 0 0 0; padding:5px; overflow:hidden; -moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0;}
#page_catlist #catlist_right #blog_tag{width:96%; float:left; height:auto; margin:10px 0 0 0; padding:5px; overflow:hidden; -moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0;}
#page_catlist #catlist_right #blog_calendar{width:96%; float:left; height:auto; margin:10px 0 0 0; padding:5px; overflow:hidden; -moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0;}
#page_catlist #catlist_right #blog_adv{width:96%; float:left; height:auto; margin:10px 0 0 0; padding:5px; overflow:hidden; -moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0;}
#page_catlist #catlist_right #blog_info{width:96%; float:left; height:auto; margin:10px 0 0 0; padding:5px; overflow:hidden; -moz-box-shadow:0px 0px 5px #e0e0e0;-webkit-box-shadow:0px 0px 5px #e0e0e0;box-shadow:0px 0px 5px #e0e0e0;}

.ab_readmore{width:97%; margin:10px 0 0 0; padding:0; overflow:hidden; float:left; text-align:center; text-decoration:none; background:#efefef; color:#a7a7a7; font-size:124%;}
.ab_readmore img{float:right; margin-top:11px; margin-right:17px; display:none;}
.there_is_no_data{width:99%; margin:0 0 20px 0; padding: 90px 0; overflow:hidden; float:left; text-align:center; line-height:25px; color:#666; border:1px solid #ccc;}
.share_fb_and_tw{width:auto; margin-top:5px; float:right;}
.tw_share{width: auto; height:25px; float:right;}
.tw_share .te_fb{width:86px; height:25px; float:left; background:url(/images/tw_icon_text.png) no-repeat;}
.tw_share .digit_fb{min-width:18px; height:25px; float:left; background:url(/images/digit_fb.png) repeat-x; text-align:center; line-height:27px;}
.tw_share .border_right_fb{width:8px; height:25px; float:left; background:url(/images/border_right_fb.png) no-repeat;}

.j_point{width:250px; height:auto; padding:10px; min-height:195px; float:left;}
.j_point .jtop{width:100%; height:40px; margin:0; padding:0; overflow:hidden; float:left; background:url(/images/j_point_home.jpg) no-repeat 0 top;}
.j_point .jmiddle{width:92%; margin:0; padding:5px 10px; overflow:hidden; float:left; color:#01936e; font-family:"kwamsooklight"; font-style:italic; font-size:130%; text-align:center; text-indent:0;}
.j_point .jbottom{width:100%; height:36px; margin:0; padding:0; overflow:hidden; float:left; background:url(/images/j_point_home.jpg) no-repeat 0 bottom;}

.fb_share{width: auto; height:25px; float:right;}
.fb_share .te_fb{width:86px; height:25px; float:left; background:url(/images/fb_icon_text.png) no-repeat;}
.fb_share .digit_fb{min-width:18px; height:25px; float:left; background:url(/images/digit_fb.png) repeat-x; text-align:center; line-height:27px;}
.fb_share .border_right_fb{width:8px; height:25px; float:left; background:url(/images/border_right_fb.png) no-repeat;}

#page_catlist{width:100%; margin:0 0 20px 0; padding:0 0 5px 0; overflow:hidden; float:left;}
#page_catlist #catlist_left{width:67%; margin:0; padding:0; overflow:hidden; float:left;}
#page_catlist #catlist_right{width:320px; height:auto; margin:0; padding:0;/* overflow:hidden;*/ float:right;}
#catlist_left .cat_head{width:100%; margin:10px 0; padding:0; overflow:hidden; float:left;}
#catlist_left .cat_head h2.content{margin:2px 0;}
.content_bg_title{ background:url(/images/content_bg_title.png) repeat-x 0 bottom;}
#catlist_left .cat_head .icon{width:24px; height:25px; margin:0 10px 0 0; padding:0; overflow:hidden; float:left; background:url(/images/categories_title.png) no-repeat 0 0;}
#catlist_left .cat_head .icon_vdo{width:20px; height:25px; margin:0 10px 0 0; padding:0; overflow:hidden; float:left; background:url(/images/home_bg_title.png) no-repeat 0 7px;}
#catlist_left .cat_head .icon_book{width:20px; height:25px; margin:0 10px 0 0; padding:0; overflow:hidden; float:left; background:url(/images/home_bg_title.png) no-repeat 0 -74px;}
#catlist_left .cat_head .txt{width:79%; height:auto; margin:0; padding:0; overflow:hidden; float:left; font-size:115%; color:#01936e; font-family:"kwamsooklight"; font-weight:bold;}
#catlist_left .cat_head .txt a{font-size:78%; color:#01936e; font-family:"kwamsooklight"; font-weight:bold; line-height:21px;}
#catlist_left .cat_head h1.content{width:100%; height:auto; margin:0; padding:0; overflow:hidden; float:left; font-size:115%; color:#01936e; font-family:"kwamsooklight"; font-weight:bold; text-shadow:0 1px 2px #aaa;}
#catlist_left .cat_head .title_color{color:#666666;}
#catlist_left .cat_head span.bor-left{width:auto; margin:0 5px; float:left; font-size:140%; line-height:40px;}
#catlist_left .cat_head p.bor-left{border-left:1px solid #c1c1c1;}
#catlist_left .cat_head .content_by{float:left; width:auto; display:block; margin:8px auto;}
.user_profile{color:#01936e; text-decoration:none; display: inline-block;}
.user_profile:hover{color:#01936e; text-decoration:underline;}
#catlist_left .cat_head .content_dateadd{width:auto; float:left;margin:8px auto; display: inline-block;}
#catlist_left .cat_head .content_views{width:14%; float:left;margin:8px auto;}

#catlist_left .cat_head .cat_nav_switch{width:10px; height:25px; margin:0; padding:0 0 0 1px; overflow:hidden; float:right;}
.show_catlist{width:100%; margin:0; padding:0; overflow:hidden; float:left; font-size:105%;/* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/}
.show_catlist p.normalPara{text-indent:40px;}
/*.show_catlist ul{width:101%; margin:0; padding:0; overflow:hidden; float:left;}
.show_catlist ul li{width:215px; height:270px; margin:0 10px 0 0; padding:0; overflow:hidden; float:left;}
.show_catlist ul li a.images{width:100%; margin:5px 0; padding:5px 0; overflow:hidden; float:left; text-align:center; background:#f0f0f0;}
.show_catlist ul li a.images .blog_image{width:100%; height:130px; margin:0; padding:0; overflow:hidden; float:left;}
.show_catlist ul li a.text{color:#005967; text-decoration:none; width:100%; float:left; font-size:108%; font-weight:bold;}
.show_catlist ul li .des{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.show_catlist ul li .des .gal_cal{width:14px; height:12px; float:left; margin:2px 5px 0 0; padding:0; overflow:hidden; background:url(/images/gallery_calendar.png) no-repeat; text-indent:-9999px;}
.show_catlist ul li .des .dal_date{width:100px; margin:0 10px 0 0; padding:0; overflow:hidden; float:left;}
.show_catlist ul li .des .gal_zoom{width:14px; height:13px; margin:2px 5px 0 0; padding:0; overflow:hidden; float:left; background:url(/images/gallery_icon_view.png) no-repeat; text-indent:-9999px;}
.show_catlist ul li .des .gal_views{width:auto; margin:0; padding:0; overflow:hidden; float:left;}*/

.show_catlist ul{list-style:disc;}
/*.show_catlist ul li{list-style:inherit;}*/
.show_catlist ul li{list-style:disc;}
.show_catlist ul {
   list-style-type: disc;
   list-style-position: inside;
}
.show_catlist ol {
   list-style-type: disc;
   list-style-position: inside;
}
.show_catlist ul ul, ol ul {
   list-style-type: disc;
   list-style-position: inside;
}
.show_catlist ol ol, ul ol {
   list-style-type: disc;
   list-style-position: inside;
}
.show_catlist ol li, ul ol {
	list-style-type:decimal;
}
.show_catlist ul#ul_num{list-style-type:disc; padding-left:20px;}
.show_catlist ul#ul_num li{list-style-type:disc;}
.show_catlist ol#ul_bullet{list-style-type:decimal;}
.show_catlist ol#ul_bullet li{list-style-type:decimal;}

.categories_bigshow{width:100%; height:auto; margin:0; padding:0; overflow:hidden; float:left; background:#efefef; }
.des_r{width:252px; height:236px; float:right; margin:0; padding:0; overflow:hidden; background:url(/images/categories_bigcontent_bg.png) no-repeat; position:relative;}
.des_r .des_r_top{ width:76%; max-height:134px; margin:0; padding:30px 30px 20px 30px; overflow:hidden; float:left;}
.des_r .des_r_top a.content_link_big{width:103%; height:auto; float:left; text-decoration:none; color:#000; font-size:120%; line-height:26px; overflow:hidden; height:auto;}
.des_r .des_r_top span{width:100%; height:88px; margin:8px 0 0 0; padding:0; overflow:hidden; float:left; color:#666666;}
.des_r .des_r_top a.categories_readmore{width:55px; float:right; text-decoration:none; color:#666666; font-size:100%;}
.des_r .des_r_bottom{ width:90%; margin:0 12px; padding:0; overflow:hidden; float:left; color:#666666; position:absolute; left:0; bottom:8px; z-index:1;}
.des_r .des_r_bottom span.date_start{width:53.7%; padding-left:20px; float:left; font-size:inherit; background:url(/images/gallery_calendar.png) no-repeat 0 3px; color:#666;}
.des_r .des_r_bottom span.cat_views{min-width:25%; padding-left:14px; float:right; font-size:inherit; background:url(/images/gallery_icon_view.png) no-repeat 14px 3px; border-left:1px solid #ccc; text-align:center; color:#666;}
.img_l{width:420px; height:236px; margin:0; padding:0; overflow:hidden; float:left;}
.img_l a{text-decoration:none; float:left; text-align:center; }


.categories_list_show{width:100%; height:auto; margin:20px 0 0 0; padding:0 0 10px 0; overflow:hidden; float:left; border-bottom:1px solid #ccc;}
.categories_list_show ul{width:103%; margin:0; padding:0; overflow:hidden; float:left;}
.categories_list_show ul li{width:214px; height:260px; margin:0 15px 0 0; padding:0; overflow:hidden; float:left;}
.categories_list_show ul li.lastli{width:100%; height:auto; margin:0 15px 0 0; padding:0; overflow:hidden; float:left; list-style:none;}
.categories_list_show ul li .images{width:100%; height:120px; text-align:center; float:left; text-decoration:none; color:#000; font-size:120%; line-height:21px; overflow:hidden; position:relative;}

.categories_list_show ul li:hover .bg_black{display:block;}
.bg_black{width:100%; height:174px; position:absolute; left:0; top:0; z-index:1; display:none;}
.categories_list_show ul li .name_hover{width:100%; height:174px; position:absolute; left:0; top:0; z-index:1; opacity:0.6; filter: alpha(opacity = 60); background:#84bdaa;}
.categories_list_show ul li .zoom{width:100%; height:32px; float:left; margin-top:40px; text-align:center; z-index:2; position:relative; background:url(/images/enter_icon_zoom.png) no-repeat center center; text-indent:-9999px;}
.categories_list_show ul li .zoom_title{width:92%; padding:0 5px; height:auto; text-align:center; float:left; z-index:2; position:relative; color:#FFF;}

.categories_list_show ul li .cat_stats_content{width:96%; margin:0 0 5px 0; padding:0 5px; overflow:hidden; float:left; background:#efefef; line-height:33px; color:#666666;}
.categories_list_show ul li .cat_stats_content span.date_sub_content{width:57%; padding-left:20px; float:left; font-size:88%; background:url(/images/gallery_calendar.png) no-repeat 0 9px; color:#666666;}
.categories_list_show ul li .cat_stats_content span.cat_views{min-width:25%; padding-left:14px; float:right; font-size:inherit; background:url(/images/gallery_icon_view.png) no-repeat 11px 9px; border-left:1px solid #ccc; text-align:center; color:#666666;}
.categories_list_show ul li a.text_content{width:100%; margin:0; padding:0; float:left; overflow:hidden; text-decoration:none; height:auto; text-align:left; color:#333333;}
.categories_list_show ul li p{width:100%; float:left; color:#666; margin-top:0px; font-size:90%;}

.slider_list{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.slider_list li{width:100px; height:80px; margin:0; padding:0; overflow:hidden; float:left;}
.gallery_slider_list{width:100%; margin:10px 0 10px 0; padding:0; overflow:hidden; float:left; position:relative;}
.arrow_left{position:absolute; left:0; top:4px; z-index:1; width:32px; height:83px; background:url(/images/arrow-l.png) no-repeat;}
.arrow_right{position:absolute; right:0; top:4px; z-index:1; width:32px; height:83px; background:url(/images/arrow-r.png) no-repeat;}
.arrow_left a{width:32px; height:83px; float:left; text-indent:-9999px;}
.arrow_right a{width:32px; height:83px; float:left; text-indent:-9999px;}

/*--------------   detail gallery   ------------*/
#gallery-area{width: 98%; height: auto; margin: 0; padding:5px; float:left;}
.blo_gallery_list{width:102%; margin:0; padding:0; overflow:hidden; float:left;}
.detail_images{width:31%; height:120px; margin:0 2.2% 2.2% 0; padding:0; overflow:hidden; float:left; text-align:center;}
.detail_images a{float:left;}
.detail_images a img{padding:2px; border:1px solid #ccc;}
.con_des{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left;}
.con_form{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left;}
.con_share{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
.con_tag{width:97%; margin:10px 0 0 0; padding:0 0 0 20px; overflow:hidden; float:left; background:url(/images/gallery_icon_tag.png) no-repeat 0 3px; color:#f57921; line-height:20px; font-size:100%;}
.con_tag a{text-decoration:none; color:#f57921; font-size:100%; line-height:22px;display: inline-block;}
.con_poll{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
.con_gallery{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
.con_poll h4{width:100%; margin:0; padding:0; overflow:hidden; float:left; text-align:left; font-family:"kwamsooklight"; font-size:110%;}
.con_gallery h4{width:76%; margin:0; padding:0; overflow:hidden; float:left; text-align:left; font-family:"kwamsooklight"; font-size:110%;}
.con_gallery a.download_gallery_zip{width:150px; float:right; text-align:center; text-decoration:underline; color:#f57921; text-align:right;}
.con_poll .poll_case{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.con_poll .poll_case .poll_click{width:50%; margin:0; padding:0; overflow:hidden; float:left;}
.con_poll .poll_case .poll_show{width:47%; height:auto; margin:0; padding:7px; overflow:hidden; float: right; background:#F9F9F9; border:1px solid #ccc;}
.poll_click p{width:100%; float:left; text-align:left; color:#999; font-size:112%;}
.poll_click .pin_poll{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.poll_click .pin_poll .poll_square{width:15px; height:15px; float:left; margin-top:1px; margin-right:10px;}
.poll_click .pin_poll .bg_green{background:#34ab8d;}
.poll_click .pin_poll .bg_blue{background:#52cdae;}
.poll_click .pin_poll span{float:left; line-height:20px;}
.regular-radio {display: none; float:left;}
.regular-radio + label {-webkit-appearance: none;    background-color: #fff;    border: 1px solid #e1e1e1;    border-radius: 10px;    width: 100%;    display: inline-block; position: relative; width: 13px; height: 13px; float:left; margin-right:10px; cursor:pointer;}
.regular-radio:checked + label {    background: #0095ca;    border: 1px solid #e1e1e1;}
.regular-radios {display: none; float:left;}
.regular-radios + label {-webkit-appearance: none;    background-color: #fff;    border: 1px solid #e1e1e1;    border-radius: 10px;    width: 100%;    display: inline-block; position: relative; width: 13px; height: 13px; float:left; margin-right:10px; cursor:pointer;}

.msg_form{color:#34ab8c; float:left; text-decoration:underline; width:90%;}
.msg_a{ float:left; width:20px; margin-right:5px;}
.list_form{width:100%; float:left; margin-bottom:10px;}

.checked + label {    background: #0095ca;    border: 1px solid #e1e1e1;}
.poll_show span{width:100%; margin:0; padding:0; overflow:hidden; float:left; color:#676767; font-size:100%;}
.poll_show .progress_total{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.poll_show .progress_total .poll_yes{width:85%; margin:5px 0 0 0; float:left; overflow:hidden;}
.poll_show .progress_total .poll_yes_persent{float:right; font-size:100%; color:#35ad8a; width:13%;}
.poll_show .progress_total .poll_no{width:85%; margin:5px 0 0 0; float:left; overflow:hidden;}
.poll_show .progress_total .poll_no_persent{float:right; font-size:100%; color:#35ad8a; width:13%;}
.progress_bar_polly{ height:10px; float:left; background:#34ab8c;}
.progress_bar_polln{ height:10px; float:left; background:#52cdad;}

.con_relate{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
.con_relate h4{width:100%; margin:3px auto; padding:0; overflow:hidden; float:left; text-align:left; font-size:110%; font-family:"kwamsooklight"; font-weight:bold;}
.con_relate .ul_list_relate{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.con_relate .ul_list_relate ul#gal_related{width:104%; margin:0; padding:0; overflow:hidden; float:left;}
.con_relate .ul_list_relate ul#gal_related li{width:18%; height:150px; margin:0 10px 10px 0; padding:0; overflow:hidden; float:left;}
.con_relate .ul_list_relate ul#gal_related li a.images{width:100%; height:95px; margin:0; padding:0; overflow:hidden; float:left; text-decoration:none; color:#ccc; background:none;}
.con_relate .ul_list_relate ul#gal_related li a.images .inner_images{width:95%; height:73px; margin:0; padding:2px; overflow:hidden; float:left; text-align:center; border:1px solid #ccc;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);}
.con_relate .ul_list_relate ul#gal_related li a.texts{width:100%; margin:0; padding:0; overflow:hidden; float:left; text-decoration:none; color:#999; line-height:18px;}
.con_comment{width:100%; margin:10px 0 0 0; padding:0 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
/*--------  comment   ---------*/

.con_comment .title_content_atta{width:100%; padding:0; overflow:hidden; float:left; font-size:110%; color:#333333; border-bottom:1px solid #AAA;}
.con_comment #sendcom{ width:100%; margin:0; float:left;}
#show_comments{width:98.3%; margin:0; padding:6px; overflow:hidden; float:left; height:auto; background:#edeff4;}
#show_comments .avator{width:64px; height:74px; margin:-9px 0 0 0; padding:0; overflow:hidden; float:left;}
#show_comments .input_comment{width:89%; margin:0 0 0 5px; padding:0; overflow:hidden; float:left;}
.com_button{width:100%; margin:4px 0 0 0; padding:0; overflow:hidden; float:left;}
.com_button_loading{width:100%; margin:4px 0 0 0; padding:0; overflow:hidden; float:left; display:none; text-align:center;}
#show_comments .input_comment .input_text_area{background: #FFF; border: 1px solid #bdc7d8;margin: 0px;padding: 3px 7px;width: 97.2%;height: 40px;border-radius: 2px;line-height: 15px; resize:none;overflow: auto; font-size:110%; direction:ltr;}
#show_comments .input_comment .input_text_area:focus{background: #FFF; border: 1px solid #bdc7d8;margin: 0px;padding: 3px 7px;width: 97.2%;height: 40px;border-radius: 2px;line-height: 15px; resize:none;overflow: auto; font-size:110%;}
#line_post .btns{background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yT/r/HoG7-QOdvFN.png);background-repeat:no-repeat;background-size:auto;background-position:-352px -64px;background-color:#5b74a8;border-color:#29447e #29447e #1a356e;color:#fff; padding:0 3px; float:right; border:1px solid #999; height:27px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1); font-size:100%; font-weight:bold; line-height:20px; text-align:center;}

#last_comment{width:100%; margin:5px 0 0 0; padding:0; overflow:hidden; float:left;}
.com_line { width:650px; margin:0; padding:6px 0 5px 12px; position:relative; overflow:hidden; border-top:1px dotted #ccc;}
.com_del_bg_crop { background:#FFF; opacity: 0.5;filter: alpha(opacity = 50); width:100%; height:100%; margin:0; padding:0; position:absolute; top:0; left:0; z-index:999; display:none;}
.com_pic { width:50px; height:50px; float:left; overflow:hidden;}
.com_data { width:91%; margin:0 0 0 7px; float:left; overflow:hidden;}
.com_data .delete_send_admin{float:right; width:100%; margin:0; padding:0; color:#F00; opacity:0.3; filter: alpha(opacity = 30);}
.com_data .delete_send_admin img{margin-top:4px; float:left;}
.com_data:hover .delete_send_admin{display:block; opacity:1; filter: alpha(opacity = 100);}
.com_data p.name{ color:#009966; font-weight:bold; margin-top:0; margin-bottom:5px; width:77%; float:left;}
.com_data p.txt{color:#111111; margin-top:0; font-size:116%; margin-bottom:5px; width:100%; float:left;}
.com_data p.post{color:#1275c4; margin-top:0; font-size:100%; margin-bottom:0; width:100%; float:left;}
.com_data span.comment_say{ color:#333}
.space_data { width:100%; line-height:100px; text-align:center; font-weight:bold; color:#333333; font-size:15px; overflow:hidden; }

/*----------  Download file   ----------------*/
.con_downloadfile{width:100%; margin:10px 0 0 0; padding:10px 0 0 0; overflow:hidden; float:left; border-top:1px dotted #ccc;}
.con_downloadfile h2.content_title_downloadfile{width:100%; float:left; font-size:110%; font-family:"kwamsooklight"; font-weight:bold;}
.list_file{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.list_file ul{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.list_file ul li{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.list_file ul li a.icon{width:20px; height:20px; margin:0 10px 0 0; float:left; overflow:hidden; background:url(/images/content_icon_download.png) no-repeat center center;}
.list_file ul li a.title{min-width:20%; max-width:75%; margin:0; padding:0; overflow:hidden; float:left; text-align:left; font-size:100%;}
.list_file ul li a.zip_file{width:18%; margin:0; padding:0; overflow:hidden; float:right; text-align:right;}
.list_file ul li a{color:#f57921; text-decoration:none;}

/* --------  Sub Category  -----------*/
#categories_sub{width:100%; margin:18px 0 0 0; padding:0; overflow:hidden; float:left;}
.categories_sub_left{width:42%; margin:0 10px 0 0; padding:10px; overflow:hidden; float:left; background:#ed7405; border:1px solid #ccc;}

.cat_name_sub{width:90%; float:left; color:#fff; font-size:130%; background:url(/images/cat_sub_bgimage_left) no-repeat 0 6px; padding-left:28px;}
.cat_name_sub .a_readmore{ float:left; color:#fff; font-size:100%;}
.cat_sub_moreall{width:30px; height:27px; float:right; background:#fcd6b4; text-align:center; color:#ed7405;}
.cat_sub_moreall_text{width:54px; height:27px; float:right; background:none; text-align:center; color:#ffe3c9; font-size:70%; line-height:27px;}
.categories_sub_left ul{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.categories_sub_left ul li{width:100%; height:auto; margin:0; padding:10px 0; overflow:hidden; float:left; border-bottom:1px solid #fff;}
.categories_sub_left ul li a.images{width:18%; margin:0 5px 0 0; padding:0; overflow:hidden; float:left;}
.categories_sub_left ul li a.images img{border:1px solid #fff;}
.categories_sub_left ul li a.text_content{width:80%; margin:0 0 0 0; padding:0; overflow:hidden; float:left; text-decoration:none; color:#fff; font-size:82%; font-family:"kwamsooklight"; }
.categories_sub_left ul li p{color:#ffe3c9; float:left; width:100%;}
.categories_sub_left ul li .des_r_bottom{width:80%; margin:0; padding:0; overflow:hidden; float:left; color:#593409;}
.categories_sub_left ul li .des_r_bottom span.date_start{min-width:48%; padding-left:20px; float:left; font-size:inherit; background:url(/images/cat_sub_calendar.png) no-repeat 0 3px;}
.categories_sub_left ul li .des_r_bottom span.cat_views{min-width:21%; float:left; font-size:inherit; background:url(/images/cat_sub_bg_views.png) no-repeat 14px 3px; text-align:left; padding-left:35px;}

.categories_sub_left ul li.fir{width:100%; height:auto; margin:0; padding:0; overflow:hidden; float:left;}
.categories_sub_left ul li.fir a.images{width:100%; margin:0; padding:0; overflow:hidden; float:left; background:none;}
.categories_sub_left ul li.fir a.images img{border:1px solid #fff;}
.categories_sub_left ul li.fir a.text_content{width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; float:left; text-decoration:none; color:#fff; font-size:88%; font-family:"kwamsooklight"; }
.categories_sub_left ul li.fir p{color:#ffe3c9; float:left; width:100%;}
.categories_sub_left ul li.fir .des_r_bottom{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
.categories_sub_left ul li.fir .des_r_bottom span.date_start{min-width:39%; padding-left:20px; float:left; font-size:inherit; background:url(/images/cat_sub_calendar.png) no-repeat 0 3px;}
.categories_sub_left ul li.fir .des_r_bottom span.cat_views{min-width:25%; float:left; font-size:inherit; background:url(/images/cat_sub_bg_views.png) no-repeat 14px 3px; text-align:left; padding-left:35px;}

.categories_sub_right{width:53%; margin:0; padding:0; overflow:hidden; float:left; border-top:6px solid #34ab8c; border-bottom:6px solid #34ab8c;}
.cat_name_sub_right{width:90%; height:32px; float:left; color:#01936e; font-size:130%; background:url(/images/cat_sub_bgimage_right.png) no-repeat 0 6px; padding-left:36px; line-height:36px;}
.cat_name_sub_right .a_readmore{ float:left; color:#01936e; font-size:100%; }
.cat_sub_moreall_right{width:30px; height:27px; float:right; background:#cccccc; text-align:center; color:#FFF; line-height:27px;}
.cat_sub_moreall_right_text{width:54px; height:27px; float:right; background:none; text-align:center; color:#666; line-height:27px; font-size:70%;}
.cat_sub_moreall_right_texts{width:58px; height:27px; float:right; background:none; text-align:center; color:#666; line-height:27px;}

ul#cat_sub_ul_right{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
ul#cat_sub_ul_right li{width:100%; height:auto; margin:0; padding:10px 0 10px 0; overflow:hidden; float:left; border-bottom:1px solid #ccc;}
ul#cat_sub_ul_right li a.images{width:48%; margin:0 10px 0 0; padding:0; overflow:hidden; float:left; background:none; height:114px;}
ul#cat_sub_ul_right li a.text_content{width:49%; margin:0; padding:0; overflow:hidden; float:left; color:#333333; font-size:118%; font-weight:normal;}
ul#cat_sub_ul_right li p{width:49%; margin:0; padding:0; overflow:hidden; float:left;}
ul#cat_sub_ul_right li .des_r_bottom{width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; float:left; color:#593409;}
ul#cat_sub_ul_right li .des_r_bottom span.date_start{min-width:30%; padding-left:20px; float:left; font-size:inherit; background:url(/images/cat_sub_calendar.png) no-repeat 0 3px;}
ul#cat_sub_ul_right li .des_r_bottom span.cat_views{min-width:25%; float:left; font-size:inherit; background:url(/images/cat_sub_bg_views.png) no-repeat 14px 3px; text-align:left; padding-left:35px;}

.categories_sub_bottomer{width:100%; margin:16px 0 0 0; padding:0; overflow:hidden; float:left;}
.cat_name_sub_bottom{width:95%; height:32px; float:left; color:#01936e; font-size:130%; background:url(/images/cat_sub_bgimage_bottom.png) no-repeat 0 6px; padding-left:36px; line-height:36px;}
.cat_name_sub_bottom .a_readmore{float:left; color:#01936e; font-size:100%;}
.cat_sub_moreall_bottom{width:30px; height:27px; float:right; background:#cccccc; text-align:center; color:#FFF; line-height:27px;}
.cat_sub_moreall_bottom_text{width:58px; height:27px; float:right; background:none; text-align:center; color:#666; line-height:27px; font-size:65%; font-family:"kalatexaregular"; font-weight:normal;}

ul#cat_sub_ul_bottom{width:100%; margin:0; padding:0; overflow:hidden; float:left;}
ul#cat_sub_ul_bottom li{width:100%; height:auto; margin:0; padding:10px 0 10px 0; overflow:hidden; float:left; border-bottom:1px solid #ccc;}
ul#cat_sub_ul_bottom li a.images{width:48%; margin:0 10px 0 0; padding:0; overflow:hidden; float:left; background:none;}
ul#cat_sub_ul_bottom li a.text_content{width:49%; margin:0; padding:0; overflow:hidden; float:left; color:#333333; font-size:118%; font-weight:bold;}
ul#cat_sub_ul_bottom li p{width:49%; margin:0; padding:0; overflow:hidden; float:left;}
ul#cat_sub_ul_bottom li .des_r_bottom{width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; float:left; color:#593409;}
ul#cat_sub_ul_bottom li .des_r_bottom span.date_start{min-width:30%; padding-left:20px; float:left; font-size:inherit; background:url(/images/cat_sub_calendar.png) no-repeat 0 3px;}
ul#cat_sub_ul_bottom li .des_r_bottom span.cat_views{min-width:25%; float:left; font-size:inherit; background:url(/images/cat_sub_bg_views.png) no-repeat 14px 3px; text-align:left; padding-left:35px;}

.categories_sub_bottomer ul#cat_sub_ul_bottom{width:103%; margin:0; padding:0; overflow:hidden; float:left;}
/* .categories_sub_bottomer ul#cat_sub_ul_bottom li{width:214px; height:auto; margin:0 15px 0 0; padding:0; overflow:hidden; float:left; border:none;} อันเก่า*/
.categories_sub_bottomer ul#cat_sub_ul_bottom li{width:210px; height:auto; margin:0 0px 0 35px; padding:0; overflow:hidden; float:left; border:none;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .images{width:100%; height:120px; overflow:hidden; text-align:left; float:left; text-decoration:none; color:#000; font-size:120%; line-height:21px; position:relative;}

.categories_sub_bottomer ul#cat_sub_ul_bottom li .images:hover .bg_black{display:block;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .images .bg_black{width:100%; height:120px; position:absolute; left:0; top:0; z-index:1; display:none;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .name_hover{width:100%; height:120px; position:absolute; left:0; top:0; z-index:1; opacity:0.6; filter: alpha(opacity = 60); background:#84bdaa;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .zoom{width:100%; height:32px; float:left; margin-top:40px; text-align:center; z-index:2; position:relative; background:url(/images/enter_icon_zoom.png) no-repeat center center; text-indent:-9999px;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .zoom_title{width:92%; padding:0 5px; height:auto; text-align:center; float:left; z-index:2; position:relative; color:#FFF;}

.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content{width:98%; margin:0 0 5px 0; padding:0 5px; overflow:hidden; float:left; background:#efefef; line-height:33px; color:#666666;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.date_sub_content{width:57%; padding-left:20px; float:left; font-size:inherit; background:url(/images/gallery_calendar.png) no-repeat 0 9px;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.cat_views{min-width:25%; padding-left:14px; float:right; font-size:inherit; background:url(/images/gallery_icon_view.png) no-repeat 10px 9px; border-left:1px solid #ccc; text-align:center;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li a.text_content{width:100%; margin:0; padding:0; float:left; overflow:hidden; text-decoration:none; height:auto; text-align:left; font-weight:normal;}
.categories_sub_bottomer ul#cat_sub_ul_bottom li p{width:100%; float:left; color:#666;}

/*--------------  search user  ---------------*/
#serach_faq{width:100%; margin:0; padding:0; overflow:hidden; float:left; height:25px;}
.user_calendar_title{float:left; line-height:30px; margin-right:5px;}
.user_input_calendar_s{width:95px; float:left; margin-right:5px; height:20px;}
.btns_calendar{width:100px; height:auto; margin:0 5px 0 0; padding:0 !important; overflow:hidden; float:left; height:22px;}
.dropdown{height:25px; font-size:90%;}

.home_calendarmore_bg{width:auto; height:16px; margin:0; padding:7px 8px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}
	.home_calendarmore_bg_text{width:auto; height:16px; margin:0; padding:7px 0px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}

/*mobile*/
@media screen and (min-width:320px) and (max-width:479px) {
	#page_catlist #catlist_left{width:100%;}
	.show_catlist{width:100%; margin:0; padding:0; overflow:hidden; float:left; font-size:105%;}
	.show_catlist img{width:100% !important; height:auto !important; margin:0 !important;}
	.normalPara img{text-indent:0 !important;}
	#catlist_left .cat_head .content_dateadd{width:45%; float:left;}
	#catlist_left .cat_head .content_views{width:22%; margin:0;}
	.addthis_counter{width:134px;}
	#catlist_left .cat_head{padding-bottom:20px;}
	#catlist_left .cat_head p.content_by{}
	.share_fb_and_tw{width:100%;}
	#catlist_left .cat_head p.content_dateadd{width:43%;}
	.tw_share{float:left;}
	.fb_share{float:left;}

	.img_l{width:100%; height:auto;}
	.des_r{width:100%; background:none; height:150px;}
	.categories_list_show ul li{width:95%; margin-right:10px; height:180px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li{width:31%; margin-right:6px;}
	.des_r .des_r_top{width:94%; padding:10px 10px 0 10px;}
	.des_r .des_r_top span{height:44px;}
	.des_r .des_r_bottom{width:93%;}

	.con_relate .ul_list_relate ul#gal_related li{width:46%;}
	.con_relate .ul_list_relate ul#gal_related li a.images{height:120px;}

	.categories_list_show ul li .images{height:130px;}
	.categories_list_show ul li .zoom{margin-top:8px;}
	.categories_list_show ul li .cat_stats_content{ display:none;}
	.categories_list_show ul li .cat_stats_content span.date_sub_content{width:92%; padding-left:17px;}
	.categories_list_show ul li .cat_stats_content span.cat_views{width:90%; float:left; border-left:none; text-align:left; padding-left:20px; background-position:0 9px;}

	.con_poll .poll_case .poll_click{width:46%;}
	#show_comments .avator{display:none;}

	.categories_sub_left{width:95%; margin-bottom:10px;}
	.cat_name_sub{width:89%;}
	.categories_sub_left ul li.fir{padding-bottom:10px;}
	.categories_sub_left ul li.fir a.images{width:99%; float:left; margin-right:5px;}
	.categories_sub_left ul li.fir a.text_content{width:100%; margin:0;}
	.categories_sub_left ul li.fir p{width:100%;}
	.categories_sub_left ul li.fir .des_r_bottom{width:99%;}
	.categories_sub_left ul li.fir .des_r_bottom span.cat_views{width:21%; padding-left:21px; background-position:0 3px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .images{height:73px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.date_sub_content{width:84%; font-size:77%;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.cat_views{width:78%; display:none; float:left; border-left:none; text-align:left; padding-left:20px; background-position:0 9px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .zoom{margin-top:20px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li a.text_content{font-size:90%;}

	.categories_sub_right{width:100%;}
	.cat_name_sub_bottom{width:89%;}

	#page_catlist #catlist_right{width:100%; float:left; margin-top:10px;}
	#page_catlist #catlist_right #bannerA1{width:100%; margin:0; float:left; margin-bottom:10px;}
	#page_catlist #catlist_right #blog_rating{width:100%; float:left; margin-bottom:10px;}
	#blog_calendar_w999{width:100%; float:left; clear:left; margin-bottom:10px;}
	#blog_writer{width:100%; float:left; height:auto; overflow:hidden;}
	#home_rewrite_title_bg{margin:0;}

	ul#cat_sub_ul_right li a.images{width:47%;}
	#footer #footer_verified .blog_showver .blog_showver_right{height:80px;}
}
/*tablet*/
@media screen and (min-width:480px) and (max-width:750px) {
	#page_catlist #catlist_left{width:100%;}
	.img_l{width:100%; height:auto;}
	.des_r{width:100%; background:none; height:150px;}
	.categories_list_show ul li{width:30%;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li{width:31%; margin-right:9px;}
	.des_r .des_r_top{width:86%; padding:10px 30px 0 30px;}
	.des_r .des_r_top span{height:50px;}
	.des_r .des_r_bottom{width:95%;}

	#catlist_left .cat_head .content_dateadd{width:30%;}
	#catlist_left .cat_head .content_views{width:24%;}
	.share_fb_and_tw{float:left;}
	#catlist_left .cat_head{padding-bottom:20px;}

	.categories_list_show ul li .images{height:64px;}
	.categories_list_show ul li .zoom{margin-top:19px;}
	.categories_list_show ul li .cat_stats_content{width:93%;}
	.categories_list_show ul li .cat_stats_content span.date_sub_content{width:92%; padding-left:17px;}
	.categories_list_show ul li .cat_stats_content span.cat_views{width:90%; float:left; border-left:none; text-align:left; padding-left:20px; background-position:0 9px;}

	.categories_sub_left{width:95%; margin-bottom:10px;}
	.cat_name_sub{width:93%;}
	.categories_sub_left ul li.fir{padding-bottom:10px;}
	.categories_sub_left ul li.fir a.images{width:49%; float:left; margin-right:5px;}
	.categories_sub_left ul li.fir a.text_content{width:48%; margin:0;}
	.categories_sub_left ul li.fir p{width:48%;}
	.categories_sub_left ul li.fir .des_r_bottom{width:48%;}
	.categories_sub_left ul li.fir .des_r_bottom span.cat_views{width:100%; padding-left:21px; background-position:0 3px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .images{height:73px;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.date_sub_content{width:84%;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li .cat_stats_content span.cat_views{width:90%; float:left; border-left:none; text-align:left; padding-left:20px; background-position:0 9px;}

	.categories_sub_right{width:100%;}
	.cat_name_sub_bottom{width:92%;}

	.con_poll .poll_case .poll_click{width:33%;}
	#show_comments .input_comment{width:82%;}
	.con_relate .ul_list_relate ul#gal_related li{margin-right:5px;}
	.con_relate .ul_list_relate ul#gal_related li a.images{height:62px;}
	.con_relate .ul_list_relate ul#gal_related li a.images .inner_images{width:92%; height:53px;}

	#page_catlist #catlist_right{width:100%; float:left; margin-top:10px;}
	#page_catlist #catlist_right #bannerA1{width:70%; margin:auto; float:none;}
	#page_catlist #catlist_right #blog_rating{width:100%; float:left; margin-bottom:10px;}
	#blog_calendar_w999{width:100%; float:left; clear:left; margin-bottom:10px; margin-top:15px;}
	#blog_writer{width:100%; float:left; height:auto; overflow:hidden;}
	#home_rewrite_title_bg{margin:0;}
	.home_calendarmore_bg{width:auto; height:16px; margin:0; padding:7px 8px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}
	.home_calendarmore_bg_text{width:auto; height:16px; margin:0; padding:7px 0px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}

	#footer #footer_verified .blog_showver .blog_showver_right{height:80px;}
}

@media screen and (min-width:751px) and (max-width:999px) {
	#page_catlist #catlist_left{width:100%;}
	.img_l{width:410px;}
	.categories_list_show ul li{width:31%;}
	.categories_sub_bottomer ul#cat_sub_ul_bottom li{width:31%;}

	#page_catlist #catlist_right{width:100%; float:left; margin-top:10px;}
	#page_catlist #catlist_right #bannerA1{width:50%; float:none; margin:auto;}
	#page_catlist #catlist_right #blog_rating{width:50%; float:left;}
	#blog_calendar_w999{width:100%; float:left; clear:left; margin-top:20px;}
	#blog_writer{width:100%; float:left; height:350px; overflow:hidden;}
	#home_rewrite_title_bg{margin:0;}
	.home_calendarmore_bg{width:auto; height:16px; margin:0; padding:7px 8px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}
	.home_calendarmore_bg_text{width:auto; height:16px; margin:0; padding:7px 0px; overflow:hidden; float:right; text-align:center; color:#FFF; font-size:18px;}
}