/*hd pK1*/
.klogo_bar{ display:none;}
/*/hd pK*/


.hr1{ border-bottom:1px solid #FFF; border-top:1px solid #d2d4d7; border-left:none; border-right:none}

.main_hd{ background:#6db600;}
.cover_main_hd{ width:1200px; margin:auto;}
.cover_main_hd:after{ content:""; display:block; clear:both}
.logo_k{ float:left; margin:20px 0 20px 10px;}
.dis_hd{ float:left; margin:28px 0 0 30px}
.dis_hd span{ display:block; line-height:30px}


.w_respon1000{ width:1000px; margin:auto;}

.thumb_world{ padding:15px 0 0; width:1150px; margin:auto; position:relative}
.thumb_world:after{content:""; display:block; clear:both}
.thumb_world>li{ width:16.66%; padding:0 0 12px; float:left; opacity: 0;}
.thumb_world>li.clip_type{ height:auto;}
.thumb_world>li.photo_type{ height:auto;}




.nav_filter{ background:#000; color:#FFF; border-bottom:3px solid #f0f2f5;}
.nav_filter .cover_nav_filter{ width:1200px; margin:auto; padding:10px 0 0; position:relative; }
.nav_filter .cover_nav_filter:after{content:""; display:block; clear:both}


.green_bar_float{ background:#6db600; padding:0; display:none}
.green_bar_float>div{width: 70%; margin:auto;}
.green_bar_float>div:after{ clear:both; display:block; content:"";}
.float_scroll .green_bar_float{display: block}

.in_side{ display:block; width:100%; position: fixed; top:0; left:0; z-index:99}

.hd_content>span{ display:block; font-family:'psl_displayregular'; font-size:30px; padding:4px 0 0; margin:0 0 4px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; border-bottom:1px solid #a8d467}
.hd_content p{ font-size:11px;}
.hd_content p i{ font-size:16px; vertical-align:middle}
.hd_content p span{ vertical-align:middle}

.logo_gbar{ float:left; width:15%; margin:5px 0 0}
.logo_gbar a{ display:block; width:140px; margin:auto; }
.logo_gbar a img{ width:100%; display:block; height:auto;}

.dis_gbar{ width:55%; float:left;}
.share_gbar{ width:30%; float:left;}

.in_side .logo_gbar{margin:8px 0 0}
.in_side .dis_gbar{ padding:0 0 7px}
.in_side .share_gbar{ padding:5px 0 0}

.type_content{ float:left}
.type_content a{ display:inline-block; width:120px; padding:7px 0 11px; text-align:center; border-radius:4px 4px 0 0; cursor:pointer; color:#FFF; position:relative}
.type_content a i{ display:inline-block; vertical-align:middle; width:20px; height:20px; font-size:20px; margin:0 8px 0 0; }
.type_content a span{ display:inline-block; vertical-align:middle; font-size:16px;}
.type_content a em{ display:block; position:absolute; top:10px; right:0; font-size:14px; width:14px; height:14px; color:#FFF; transition:all 0.2s ease-in-out}
.type_content a:hover em{ top:15px; right:0; color:#56B400} 
.type_content a.active{ background:#f0f2f5; color:#000}
.type_content a.active em{color:#000}
.type_content a.active:hover em{color:#56B400}
.type_content>i{ display:inline-block; font-size:20px; margin:0 0 0 5px; cursor:pointer}
.type_content>i:hover{ color:#c5c5c5}


.category_world{ position:absolute; top:48px; left:0; height:0; border-radius:0 0 4px 4px; background:rgba(0,0,0,0.8); z-index:99; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out }
.category_world a{ display:inline-block; color:#FFF; width:30%; margin:6px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.category_world a:hover{ color: #6C0;}
.category_world a i{ font-size:16px; vertical-align:middle; margin:0 0 0 10px}
.category_world a span{font-size:14px; vertical-align:middle; }

.category_world_open{opacity:1; visibility:visible; height: auto; }


.sort_th{ float:right; margin:5px 0 0}
.sort_th:after{ content:""; display:block; clear:both}
.sort_th ul:after{ content:""; display:block; clear:both}
.sort_th ul:nth-child(2),.sort_th ul:nth-child(3){ border-left:1px solid #636363; margin:0 0 0 5px; padding:0 0 0 10px}
.sort_th ul{ float:left}
.sort_th ul p{ float:left; padding:5px 0 0; font-size:18px}
.sort_th ul li{ float:left; margin:3px 5px 0}
.sort_th ul li a{ display:block; width: auto; height:30px; cursor:pointer; padding:0 8px; border-radius:4px 4px 0 0; }
.sort_th ul li a:hover i,.sort_th ul li a:hover span{ color:#d3d3d3}
.sort_th ul li a i{ color:#999; font-size:18px; display: inline-block; vertical-align:middle; margin:0 6px 0 0}
.sort_th ul li a span{display: inline-block; vertical-align:middle; color:#999; font-size:16px; padding:3px 0 0 0; white-space:nowrap; z-index:2;}
.sort_th ul li a.active{ background:#f0f2f5;  box-shadow:0 2px 0 #f0f2f5;}
.sort_th ul li a.active i{ display:inline-block; vertical-align:middle; color:#000;}
.sort_th ul li a.active span{display:inline-block; vertical-align:middle; color:#000;}

.filter_mobile{ background:#f0f2f5;  height:44px; display:none; float:left; width:50%;}
.filter_mobile select{font-size:16px; padding:4px 6px; width:90%; margin:12px auto 0; display:block; background:#FFF; border:1px solid #D8D8D8}

.float_scroll{ position: fixed; top:0; left:0;  width:100%; z-index:99 }


.sub_category{ display:none; background:#f0f2f5; height:44px; text-align: right; margin:auto; float:right; width:50%;}
.sub_category>a{ display: inline-block; font-size:16px; margin:11px 8px 0 0; padding:4px 8px 6px; color:#333;   border: 1px solid #c4c4c4; background:#d0d0d0; cursor:pointer}
.sub_category>a>span{display:inline-block; vertical-align:middle; margin:0 10px 0 0}
.sub_category>a>i{ display:inline-block; vertical-align:middle; position:relative;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #333 transparent;
}
.sub_category>a>i:before{ content:""; display:block; position:absolute; top:3px; left:-5px; width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #d0d0d0 transparent;}

.sub_category>a>i.a-down{
border-width:8px 5px 0 5px;
border-color: #333 transparent transparent transparent;}
.sub_category>a>i.a-down:before{content:""; display:block; position:absolute; top:-11px; left:-5px; width: 0;
height: 0;
border-style: solid;
border-width:8px 5px 0 5px;
border-color: #d0d0d0 transparent transparent transparent;}




.frame_th{ background:#FFF; width:92%; margin:0 auto 10px; border-radius:4px; border:1px solid #dfdfdf; box-shadow:0 4px 0 #dfdfdf; position:relative; transition:all 0.08s ease-in-out; overflow:hidden}
.frame_th:hover{ border:1px solid #304f9e; box-shadow:0 4px 0 #304f9e,0 0 6px #304f9e;}
.frame_th>figure{ width:94%; margin:8px auto 0; }
.frame_th>figure>a{ display:block; overflow:hidden; position:relative}
.frame_th>figure>a>img{ width:100%; height:auto; margin:auto; display:block}
.frame_th>span{ position:absolute; top:0px; right:0px; display:block; z-index:99; transition:all 0.2s ease-in-out; box-shadow:0 0 7px #444;
    width: 0;
    height: 0;
    line-height: 0;
    border:50px solid #61a200;
    border-top: none;
    border-right: none;
    border-bottom-left-radius:50px;
}
.frame_th>span>i{display:block; position:absolute; top:22px; left:-40px; width:40px; height:20px; text-align:center; color:#FFF; font-family: 'psl_akkhaneeregular'; font-size:45px; font-style:normal; }
.frame_th:hover>span{
	width: 0;
    height: 0;
    line-height: 0;
    border:55px solid #61a200;
    border-top: none;
    border-right: none;
    border-bottom-left-radius:55px;
}


.frame_th>figure>figcaption>a{ display:block; font-size:12px; color:#333; padding:8px 0}
.frame_th>figure>figcaption>a:hover{ color:#538b00;}

.hot_th>.frame_th:after{ content:""; display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(../images/hot_ban.png) top left no-repeat; z-index:2 }
.new_th>.frame_th:after{ content:""; display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(../images/new_ban.png) top left no-repeat; z-index:2 }
.recommend_th>.frame_th:after{ content:""; display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(../images/recommend_ban.png) top left no-repeat; z-index:2 }
.epic_th>.frame_th:after{ content:""; display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(../images/epic_ban.png) top left no-repeat; z-index:2 }

.clip_type .frame_th>figure{ position:relative;}



.clip_type .frame_th>figure>a:before{ content:""; display:block; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; border-radius:100%; background:rgba(0,0,0,0.4); transition:all 0.2s ease-in-out}
.clip_type .frame_th>figure>a:after{ content:""; display:block; position:absolute; top:50%; left:50%; margin:-14px 0 0 -8px; opacity:0.8; transition:all 0.2s ease-in-out;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 24px;
border-color: transparent transparent transparent #FFF;}

.clip_type .frame_th:hover>figure>a:before{width:70px; height:70px; margin:-35px 0 0 -35px; background:rgba(0,0,0,0.7);}
.clip_type .frame_th:hover>figure>a:after{opacity:1;}

.count_th{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align: center; padding:4px 0 6px}
.count_th a{ color:#999; display: inline-block; width:40%; margin:0 1% 0; cursor:pointer}
.count_th a:hover{ color:#61a200;}
.count_th a i{ display:inline-block; width:16px; height:16px; font-size:16px; margin:0 4px 0 0; vertical-align:middle}
.count_th a span{ font-size:12px; vertical-align:middle}

.mem_post{ padding:6px 0 6px 10px}
.mem_post:after{ content:""; display:block; clear:both}
.mem_post>a{ display:block; float:left; width:30px; height:30px; margin:0 6px 0 0; border-radius:100%; overflow:hidden; border:1px solid #FFF; box-shadow:0 0 4px #afafaf}
.mem_post>a>img{ width:100%; height:auto; display:block;}
.mem_post>p{ float:left; color:#999; font-size:11px}
.mem_post>p>a{ display:block; font-size:13px; width:100%; color:#666; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }

.breadcrumb{padding:5px 0 0; font-size:12px; color:#666; width:1200px; margin:auto; overflow:hidden}
.breadcrumb a{color:#666;}
.breadcrumb a:hover{color:#F60;}



.slide_th,.hd_tbmain{ position:relative; width:1200px; margin:auto;}
.slide_th header,.hd_tbmain header{ padding:10px 0px 16px 20px}
.slide_th header i,.hd_tbmain header i{ float:left; display:block; margin:10px 10px 0 0; }
.slide_th header i img,.hd_tbmain header i img{ display:block; }
.slide_th header div,.hd_tbmain header div{ float:left; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.slide_th header div span,.hd_tbmain header div span{ font-family: 'psl_displayregular'; font-size:48px; line-height:42px; display:block; color:#578b0a}
.slide_th header:after,.hd_tbmain header:after{ content:""; display:block; clear:both}

.slide_th .owl-theme .owl-controls{ margin:5px 0 0;}
.owl-theme .owl-controls .owl-page.active span{ background:#669900}

.hd_tbmain header{ padding:10px 0px 0 20px}



/*
.slide_th .owl-buttons .owl-prev{bottom:-50%; right:50%;}
.slide_th .owl-buttons .owl-next{bottom:-50%; left:50%;}
*/


.banner300x250{ width:26%; height:250px; margin:0 0 0 10px; float:right;}
.banner300x250>div{ width:300px; height:250px; margin:auto; background:#FFF}

#slide_world1{ width:100%}

#hot_slide{ width:73%; float:left; margin:0 0 10px;}
#hot_slide .owl-buttons{ position:relative}
#hot_slide .owl-buttons div{ position: absolute; z-index:1; width:40px; height:40px; top:-190px; text-indent:3000px; background:#000; opacity:0.6; overflow:hidden; padding:0; border:3px solid #FFF; box-shadow:0 1px 4px #000; border-radius:30%}
#hot_slide .owl-buttons div:hover{opacity:0.9;}
#hot_slide .owl-buttons .owl-prev{left:0px;}
#hot_slide .owl-buttons .owl-prev:after{ content:""; display:block; position:absolute; top:50%; left:50%; margin:-10px 0 0 -13px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #ffffff transparent transparent;
}
#hot_slide .owl-buttons .owl-next{right:0px;}
#hot_slide .owl-buttons .owl-next:after{ content:""; display:block; position:absolute; top:50%; right:50%; margin:-10px -13px 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #ffffff;
}



.cover_btn_postworld{ position:relative; width:1200px; margin:auto}
.btn_postworld{ background:#d71515; color:#FFF; display:block; padding:3px 20px; border-radius:4px; border:1px solid #d71515; box-shadow:0 -1px 0 #FFF inset; cursor:pointer; position:absolute; bottom:-60px; right:0; z-index:1}
.btn_postworld:hover{ background:#f52323; }
.btn_postworld i{ display:inline-block; vertical-align:middle; width:24px; height:24px; font-size:24px; color:#FFF; margin:0 10px 0 0; }
.btn_postworld span{ display:inline-block; vertical-align:middle; font-size:40px; font-family: 'psl_displayregular'; line-height:40px}
div#col_down.container .cover_btn_postworld{ width: auto; }

.read_rule{ display: inline-block; color:#999; font-size:13px; float:right}
.read_rule i{ display:inline-block; margin:0 6px 0 0; font-size:14px;}
.read_rule:hover{ color:#E11316}

.foot_mobile{background:#6db600; padding:8px 0}
.foot_mobile:after{ content:""; display:block; clear:both}

.link_social{margin:5px auto 0; text-align:center; padding:0 0 8px; border-bottom:1px solid #92cd3b; box-shadow:0 -1px 0 #5a9601 inset}
.link_k{ display:block; font-size:12px; color:#FFF; padding:0 0 10px; }
.link_k span{ display:block; font-family: 'psl_displayregular'; font-size:35px; line-height:24px}
.link_social div{ width:100%; margin:auto}
.link_social div:after{ content:""; display:block; clear:both}
.link_social div a{ display:block; float:left; width:16.66666666666667%; text-align:center; color:#FFF;}
.link_social div a i{font-size:26px}


.foot_contact{width:96%; margin:5px auto 20px; color:#d5ecb2; }
.foot_contact li{border-bottom:1px solid #8ec63a; padding:0 0 10px; margin:0 0 5px}
.foot_contact li span{ display:block; font-family: 'psl_displayregular'; font-size:28px; line-height:22px  }
.foot_contact li a{ color:#FFF; display:inline-block; padding:0 3px; font-size:13px}


.load_more{ text-align:center; padding:80px 0}
.load_more a{ display:inline-block; border-radius:4px; background:#9c9c9c; color:#FFF; padding:8px 20px; position:relative; cursor:pointer;}
.load_more a i{ display:block; width:24px; height:24px; font-size:24px; position:absolute; top:18px; left:20px;}
.load_more a span{ font-size:40px; font-family: 'psl_kittithadaregular'; display:block; margin:0 0 0 40px}
.load_more a:hover{color:#8ed20c; background:#666 ; box-shadow:0 -1px 5px #434343 inset,0 1px 0 #FFF}
.load_more a:hover i{animation:circle_move 0.6s ease-in-out infinite;  -webkit-animation:circle_move 0.6s ease-in-out infinite; }


.circle_move{animation:circle_move 0.8s linear infinite;  -webkit-animation:circle_move 0.8s linear infinite;}
@keyframes circle_move{0%{transform: rotateZ(0deg);} 100%{transform: rotateZ(360deg);}}
@-webkit-keyframes circle_move{0%{-webkit-transform: rotateZ(0deg);}  100%{-webkit-transform: rotateZ(360deg);}}


.share_social{ width:100%; margin:auto}
.share_social:after{display:block; content:""; clear:both }
.share_social>div{ width:50%; float:left; padding:15px 0 0 }
.share_social>div a{ display:block; width:96%; margin:auto; color:#FFF; padding:8px 0 6px; text-align:center; box-shadow:0 -5px 0 rgba(0,0,0,0.3) inset}
.share_social>div a:hover{ box-shadow:0 -5px 0 rgba(255,255,255,0.3) inset}
.share_social>div a:after{font-family: 'psl_displayregular'; font-size:34px; display:inline-block; margin:0 0 0 10px; font-weight:normal}
.share_social>div a i{ font-size:24px;  display:inline-block; }


.fb_btn_share a{ background:#3d589b;}
.fb_btn_share a:after{ content:"Facebook";}
.fb_btn_share a:hover{ background:#2e58bc;}

.tw_btn_share a{ background: #59a9ee;}
.tw_btn_share a:after{ content:"Twitter";}
.tw_btn_share a:hover{ background: #2ea9f7;}

.gp_btn_share a{ background: #cd5437;}
.gp_btn_share a:after{ content:"Google+";}
.gp_btn_share a:hover{ background: #e44a26;}

.ln_btn_share a{ background: #0ab801;}
.ln_btn_share a:after{ content:"LINE";}
.ln_btn_share a:hover{ background: #0bca01;}


.share_gbar .share_social>div{padding:5px 0 0}
.share_gbar .share_social>div a{padding:6px 0 5px; }
.share_gbar .share_social>div a i{ font-size:24px;   margin:0 }
.share_gbar .share_social>div a:after{font-size:30px; margin:0 0 0 6px; }

.cover_main_hd .share_gbar{ float:right; margin:20px 0 0}


.mshare{ display:none; float:right; text-align:center; padding:12px 10px 0 0}
.mshare div{ display:inline-block; margin:0 5px}
.mshare div a i{ font-size:28px; color:#FFF}


.point_down{ position:absolute; top:-150px; left:0; opacity:0; display:block; width:100px; height:1px;}


.info_disclaimer{ width:1200px; margin:10px auto 0;}
.info_disclaimer>p{ padding: 22px 0 4px 20px; border-bottom: 2px solid #2D8000; width:100%; margin: 0 0 15px;}
.info_disclaimer>p i{ font-size:28px; margin:0 15px 0 0; color:#2D8000}
.info_disclaimer>p span{ font-family: 'psl_displayregular'; font-size:40px; line-height: 38px; color:#333}
.info_disclaimer>div{ width:90%; margin:auto; font-family: 'psl_displayregular'; line-height:34px; font-size:28px; }
.info_disclaimer>div i{ font-size:14px; color: #d71515}
.info_disclaimer>div span{ color:#DD171A; font-size:30px; }
.info_disclaimer>div strong{ color:#000; font-weight:normal; font-size:30px; }
.info_disclaimer>div span i{color:#DD171A; font-size:18px;}
.info_disclaimer a{ color: #2D8000}

.info_disclaimer>p.hd_rule{width: 100%; border-bottom: 2px solid #d71515;}
.info_disclaimer>p.hd_rule i{ color:#d71515}



/*=====form=====*/


.box_form{ width:950px; margin:auto; background:#f2f7ea; border-radius:6px; border:1px solid #a6de54  }
.box_form>header{ background:#6db600; border-radius:6px 6px 0 0; padding:4px 8px; font-family:"psl_displayregular"; font-size:30px; color:#FFF; margin:0 0 10px }
.box_form>header i{ display:inline-block; margin:0 15px}

.field_box{ width:80%; margin:0 auto 10px; color:#6d9734; position:relative}
.field_box header i{ font-size:26px; vertical-align:middle; display:inline-block; margin:0 5px 0 10px}
.field_box header span{font-family:"psl_displayregular"; font-size:36px; vertical-align:middle; display:inline-block;}
.field_box header em{vertical-align:middle; display:inline-block; font-size:16px; color:#a0c86a; max-width:36%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.field_box .notic_form{ font-size:12px; display:block; padding:6px 0; margin:0 0 0 10px; color:#999}

.input_box{ background:#FFF; border-radius:3px; margin:auto; padding:5px 10px; border:1px solid #c2e098; box-shadow:0 1px 2px #b2b2b2 inset }
.input_box input{ border:0;  font-family:"psl_displayregular"; font-size:30px; color:#333; width:95%; background:none}

	.add_ok{ background:#e7ffb6; border:1px solid #90ba55 }
	.add_ok:after{ font-family: 'icomoon'; content: "\e368"; display:block; width:7%; font-size:32px; position:absolute; top:48px; right:0; color:#6db600}
	
	.add_no{ background:#ffe0e0; border:1px solid #ff6161 }
	.add_no:after{ font-family: 'icomoon'; content: "\e366"; display:block; width:7%; font-size:32px; position:absolute; top:48px; right:0; color:#e51717}


.btn{ display:inline-block; background:#666; padding:4px 10px; border-radius:6px; color:#FFF; cursor:pointer; box-shadow:0 -1px 0 #FFF inset; border:1px solid #666 }
.btn i{ font-size:18px; display:inline-block; margin:0 5px 0 0; vertical-align:middle}
.btn span{  font-family:"psl_displayregular"; font-size:30px; vertical-align:middle}
.btn:hover{ background:#444; border:1px solid #444 }

.big_btn{padding:4px 35px;}
.btn i{ font-size:32px; margin:0 10px 0 0;}
.big_btn span{  font-size:48px;}

.orange_btn{ background:#ff741a;  border:1px solid #ff741a }
.orange_btn:hover{ background:#e2610e;  border:1px solid #e2610e }

.blue_btn{background:#207bb3; border:1px solid #207bb3}
.blue_btn:hover{ background:#1282c8;  border:1px solid #1282c8 }

.green_btn{background:#6db600; border:1px solid #6db600}
.green_btn:hover{ background:#81D406;  border:1px solid #81D406 }

.cover_btn{ padding:20px 0 30px}

.notic_top{ font-family:"psl_displayregular"; font-size:30px; width:90%; margin:auto}

.notic_box{ width:70%; margin:auto; padding:15px; font-size:12px; line-height:20px; background:#FFF; border-radius:6px; border:1px solid #a6de54  }


.box_form input{ background:#FFF; border:1px solid #C8C8C8; padding:5px; font-size:16px; margin:4px 0;  }
.box_form textarea{background:#FFF; border:1px solid #C8C8C8; padding:5px; font-size:16px; margin:4px 0; width:90%; height:60px;}
.box_form select{background:#FFF; border:1px solid #C8C8C8; padding:3px 5px; font-size:16px; margin:4px 0;  }

.w_input1{ width:90%}


.hd_formbox{font-family:"psl_displayregular"; font-size:30px;}
.sub_box_form{ background:#FFF; margin:0 20px 15px; padding:10px 15px; border:1px solid #C2D5A6 }
.field_list li{ padding:4px 0; position: relative}
.field_list2 li{ padding:6px 0; position: relative}
.agree_box{ background:#FFF; margin:0 20px 15px; padding:10px 15px; border:1px solid #C2D5A6 }

.al_box,.al_box_red{ background:#6BAB0B; padding:8px 15px; color:#FFF; margin:13px 0 0; position:relative}
.al_box:before,.al_box_red:before{ content:""; display:block; position:absolute; top:-12px; left:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 12px 10px;
border-color: transparent transparent #6BAB0B transparent;
}
.al_box_red:before{border-color: transparent transparent #E11619 transparent;}
.al_box_red{ background:#E11619;}
.sub_al_box{ background: #E5E5E5; padding:5px 8px; color:#666; margin:6px 0; display:inline-block; font-size:12px;}

.red_box{ background:#E11619; padding:5px 8px; color:#FFF; margin:6px 0; font-size:12px; position:absolute; top:-20px; right:20px; }
.red_box:before{ content:""; display:block; position:absolute; bottom:-11px; left:20px; width: 0;
height: 0;
border-style: solid;
border-width: 11px 10px 0 10px;
border-color: #E11619 transparent transparent transparent; }

.field_row:after{ content:""; display: block; clear:both}
.field_row>div{ float:left; width:50%}

.list_L{float:left; width:48%}
.list_R{float:right; width:48%; padding:0 0 0 15px; border-left:1px solid #E4E4E4}

/*=====/form=====*/



.on_pop{ width:100%; margin:0;}
.on_pop>div{ width:100%; height:250px; overflow:auto;}


/* share hilight */
.cover_share_hilight{ /* width:94% */; margin:0 auto 10px; background:#FFF; padding:1%; border-radius:6px;}
.cover_share_hilight:after{ content:""; display:block; clear:both;}

.share-group { width:50%; float:left; display:inline-block; text-align:center}
.share-group span { font-family:Tahoma; font-size:20px; position:relative; margin:0 0 0px; color:#000; text-align:center; padding:4px 0; display:block; background:#FFF; }

.share-group a { text-align:center; font-weight:bold; font-size:15px; }

.share-group .fb-share { width:43%; display: inline-block;  margin:0 1%; border:3px #3b5998 solid }
.share-group .fb-share a { display:block; padding:4px 0; background:#3b5998; color:#FFF; text-align: center;height:27px;}
.share-group .fb-share a img { display:inline-block; margin:0 5px 0 0; vertical-align:middle}
.share-group .fb-share a:after { content:"Share"; font-size:21px; font-weight:normal;  vertical-align:middle}

.share-group .tw-share { width:43%; display: inline-block; margin:0 1%; border:3px #00b6dd solid}
.share-group .tw-share a { display:block; padding:4px 0; background:#00b6dd; color:#FFF;   text-align: center;height:27px;}
.share-group .tw-share a img { display:inline-block; margin:0 5px 0 0; vertical-align:middle}
.share-group .tw-share a:after { content:"Retweet";  font-size:21px; font-weight:normal; vertical-align:middle}

.share-group .fb-share a:hover:after { content:"แชร์ไปยังเฟซบุ๊ก";  font-size:15px; display:block; margin:0 auto; text-align:center; font-weight:bold;  height:30px;  line-height:25px}
.share-group .tw-share a:hover:after { content:"รีทวีตสู่ทวิตเตอร์"; font-size:15px; display:block; margin:0 auto ;  text-align:center; font-weight:bold;  height:30px; line-height:25px}


.share-group .fb-share a:hover img { display:none}
.share-group .tw-share a:hover img { display:none}

.social-share { width:50%; overflow:hidden; background:#FFF; float:left; display:inline-block; margin-top:5px  }
.social-share p { display:inline; float:left; text-align:center; font-weight:bold; font-size:15px; padding-bottom:2px; }
.social-share p.num-view { width:49%; border-right:1px dashed #CCCCCC; margin:5px 0 0; padding:5px 0; font-weight:normal; color:#999; text-transform:uppercase; font-size:11px; }
.social-share p.num-view em { display:block; font-weight:bold; color:#666; font-style:normal; font-size:25px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.social-share p.num-view:last-child { border:0; }


.share_gbar .share-group { width:100%;} 

.share_float_bar{ padding:5px 0 !important}
.share_float_bar .share-group>div { width:40%; display: inline-block;  margin:0 1%; }
.share_float_bar .share-group>div a { padding:2px 0; height: auto;}
.share_float_bar .share-group>div a img { display:none  }
.share_float_bar .share-group>div a:after {font-size:16px;}
.share_float_bar .share-group>div span { font-size:17px; padding:0; }
.share_float_bar .share-group>div a:hover:after {  font-size:15px; font-weight: normal;  height: auto;  line-height:20px}

.cover_share_clip{ width:70%}

/* //share hilight */


.share-group2015-1 { width:390px; float:right; display:inline-block; margin-bottom:25px; margin-top:10px;  height:40px;}
.share-group2015-1 span { font-family:Tahoma; font-size:18px; position:relative; margin:0 0 0px; color:#000; text-align:center; padding:4px 0; display:inline-block; float:left;background:#FFF; }

.share-group2015-1 a { text-align:center; font-weight:bold; font-size:15px; }

.share-group2015-1 .fb-share { width:240px; display:inline; float:left; margin:4px 3px 0 3px; }
.share-group2015-1 .fb-share a { display:block; padding:4px 0; background:#3b5998; color:#FFF; text-align:left;height:30px; -webkit-border-radius: 4px;
border-radius: 4px;  line-height:30px;}

.share-group2015-1 .fb-share a img { float:left; display:inline-block; margin:5px 5px 0 18px ;width:23px; height:auto ; line-height:40px;}
.share-group2015-1 .fb-share a:before { content:"Share"; font-size:18px; font-weight:normal;  line-height:30px}
.share-group2015-1 .fb-share a span.boxCount { float:right; display:block; width:110px; line-height:23px; text-align:center ; margin-right:4px;}

.share-group2015-1 .tw-share { width:130px; display:inline;  float:right; margin:4px 3px 0 3px;  }
.share-group2015-1 .tw-share a { display:block; padding:4px 0; background:#00b6dd; color:#FFF;   text-align:left;height:30px; -webkit-border-radius: 4px;
border-radius: 4px;  line-height:30px;}
.share-group2015-1 .tw-share a img { float:left; display:inline-block; margin:5px 5px 0 13px; width:23px; height:auto; line-height:40px;}
.share-group2015-1 .tw-share a:before { content:"Retweet";  font-size:18px; font-weight:normal}


.share-group2015-1 .fb-share a:hover:before { content:"แชร์ไปยังเฟซบุ๊ก";  font-size:15px; display:block; margin:0 auto; text-align:left; margin-left:5px; font-weight:bold;  height:0px;  line-height:30px}
.share-group2015-1 .tw-share a:hover:before { content:"รีทวีตสู่ทวิตเตอร์"; font-size:15px; display:block; margin:0 auto ;  text-align:left; margin-left:8px;font-weight:bold;  height:0px; line-height:30px}

.share-group2015-1 .fb-share a:hover img , .share-group2015-1 .tw-share a:hover img  { display:none}


.social-share2015-1 { width:240px; overflow:hidden; background:#FFF; float:left; display:inline-block; margin-top:10px; height:40px ; margin-bottom:10px;  border-right:1px dashed #CCCCCC;}
.social-share2015-1 p { display:inline; float:left; text-align:center; font-weight:bold; font-size:15px; padding-bottom:2px; position:absolute ;line-height:30px; }
.social-share2015-1 p.num-view { width:185px; margin:5px 0 0; padding:5px 0;  color:#999; font-size:40px;  font-weight:bold; color:#cccccc;}
.social-share2015-1 p.num-view em {  font-style:normal; font-size:13px; font-weight:normal; color:#666; position:relative; top:0px ; right:0px; margin-left:6px;}





.share-group2015-2 { width:300px; float:right; display:inline-block; margin-bottom:15px;}
.share-group2015-2 span { font-family:Tahoma; font-size:16px; position:relative; margin:0 0 0px; color:#000; text-align:center; padding:2px 0; display:block; background:#FFF; }

.share-group2015-2 a { text-align:center; font-weight:bold; font-size:15px; }


.share-group2015-2 .fb-share { width:185px; display:inline; float:left; margin:4px 3px 0 3px; }
.share-group2015-2 .fb-share a { display:block; padding:4px 0; background:#3b5998; color:#FFF; text-align:left;height:30px; -webkit-border-radius: 4px;
border-radius: 4px;  line-height:30px;}
.share-group2015-2 .fb-share a:before { content:"Share"; font-size:15px; font-weight:normal;  line-height:30px}
.share-group2015-2 .fb-share a img { float:left; display:inline-block; margin:5px 5px 0 7px ;width:23px; height:auto ; line-height:40px;}
.share-group2015-2 .fb-share span.boxCount { float:right; display:block; width:96px; line-height:27px; text-align:center ; margin-right:4px;}

.share-group2015-2 .tw-share { width:100px; display:inline;  float:right; margin:4px 3px 0 3px;  }
.share-group2015-2 .tw-share a { display:block; padding:4px 0; background:#00b6dd; color:#FFF;   text-align:left;height:30px; -webkit-border-radius: 4px;
border-radius: 4px;  line-height:30px;}
.share-group2015-2 .tw-share a img { float:left; display:inline-block; margin:5px 5px 0 7px; width:23px; height:auto; line-height:40px;}
.share-group2015-2 .tw-share a:before { content:"Retweet";  font-size:15px; font-weight:normal}

.share-group2015-2 .li-share { width:100x; display:inline; float:left; margin:0 3px;border:3px #555 solid }
.share-group2015-2 .li-share a { display:block; padding:0px 0; background:#50c700; color:#FFF;  }
.share-group2015-2 .li-share a:before { content:"LINE"; font-size:15px; font-weight:normal}

.share-group2015-2 .fb-share a:hover:before { content:"แชร์ไปยังเฟซบุ๊ก";  font-size:10px; display:block; margin:0 auto; text-align:left; margin-left:5px; font-weight:bold;  height:0px;  line-height:30px}
.share-group2015-2 .tw-share a:hover:before { content:"รีทวีตสู่ทวิตเตอร์"; font-size:11px; display:block; margin:0 auto ;  text-align:left; margin-left:10px;font-weight:bold;  height:0px; line-height:30px}

.share-group2015-2 .fb-share a:hover img { display:none}
.share-group2015-2 .tw-share a:hover img { display:none}
.share-group2015-2 .gp-share  a:hover img { display:none}



.ms_box{ margin:55px 20px 85px; }
.ms_box i{ display:block; margin:0 auto 15px; font-style:normal; font-size:60px; width:130px; height:95px; color:#000; padding:35px 0 0; background:#FFF; border-radius:100%; border:3px solid #6db600; text-align:center; }
.ms_box span{ display:block; text-align:center; font-family: 'psl_kittithadaregular';}
.ms_box span.s1{ font-size:100px; line-height:90px; color:#6db600; text-shadow:0 1px 0 #FFF;}
.ms_box span.s2{ font-size:45px; color:#999; text-shadow:0 1px 0 #FFF;}
.ms_box p{background:#FFF;  box-shadow:0 3px 10px rgba(0,0,0,0.1); padding:10px; font-family:"psl_displayregular"; font-size:34px; border-radius:5px; margin:20px 30px 20px; text-align:center}

@media only screen and (max-width:1600px) {
.cover_main_hd{width:90%;}
.green_bar_float>div{width:90%;}
.float_scroll .share_gbar{width:30%;}
.in_side .share_gbar{width:30%;}

	

	
.thumb_world>li{ width:20%;}
}

@media only screen and (max-width:1366px) {
.thumb_world>li{ width:25%;}

}

@media only screen and (max-width:1280px) {
.nav_filter .cover_nav_filter{ width:100%;}
.banner300x250{ margin:0 0 10px}	
#topbar ul{ width:100%}
.slide_th,.hd_tbmain{width:100%;}
.cover_btn_postworld{width:100%;}
.thumb_world{ width:100%;}
.breadcrumb{width:96%;}
}



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

	
footer.footer{ display:block}
.foot_mobile{ display:none}
}



@media only screen and (max-width : 1024px) {
.w_respon1000{ width:100%;}
	
.box_form{ width:80%}	
	
.cover_share_clip{ width:100%}

.sidebanner_app{ display:none}
.mshare{ display: block;}

.float_scroll{ position: inherit;}
	
#hot_slide{ width:100%; }
.banner300x250{ display:none}	

#hot_slide .owl-buttons div{ width:35px; height:35px; top:-170px}

nav#topbar{display:none}
.green_bar_float{ display:none !important}

.main_hd{display:none}


.cover_btn_postworld{ display:none}


.thumb_world>li{ width:25%;}
.nav_filter .cover_nav_filter{ width:100%;}

.type_content a em{display:none}

.sub_category{display:block; width:100%}
.category_world{ display:none; opacity:1; visibility:visible; position:inherit; top:0; left:0; height: auto; background:#f0f2f5;}
.category_world a{ color:#333; width:32.33%}

/*share*/
.share_social{ width:70%;}
.share_social>div{ width:50%}
}

@media only screen and (max-width : 960px) {
.type_content{ float:none; text-align:center}
.type_content a{ width:30%;}

.sort_th{ display:none}
.breadcrumb{ display:none}
.filter_mobile{display: block}
.sub_category{ width:50%}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}


.cover_share_hilight .social-share2015-1{ width:30%}
.cover_share_hilight .share-group2015-1{ width:58%}
.cover_share_hilight .share-group2015-1 .fb-share{ width:58%}
.cover_share_hilight .share-group2015-1 .fb-share a span.boxCount{ width:50%}
.cover_share_hilight .share-group2015-1 .tw-share{ width:38%}
}
	

@media only screen and (max-width : 800px) {
.thumb_world>li{ width:33.33%; }
}

@media only screen and (max-width : 768px) {
.box_form{ width:94%}	
.field_row>div{ float:none; width:100%; padding:6px 0}
	
	
/*share hilight*/
.cover_share_hilight{ width:100%; border-radius:0; padding:0}
.social-share{ width:35%}
.share-group{ width:65%}
.share-group>div { width:42% !important; margin:0 0.4% !important}
.share-group>div a img{margin: 0 5px 0 3px !important; width:20px; height:auto;}
.share-group>div a:hover{ display:none !important; }

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}

	
/*footer*/
.link_social div{ width:70%;}
.link_social div a i{font-size:32px}

#hot_slide .owl-buttons div{ width:35px; height:35px; top:-180px}

}


/*ipad only*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.thumb_world>li{ width:33.33%;}


.type_content a em{display:none}


.banner300x250{ display:none}
}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}


@media only screen and (max-width : 568px) {
/*share hilight*/
.social-share p.num-view em{ font-size:16px}
.share-group>div span.boxCount{ font-size:16px;  padding:3px 0;}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}

.cover_btn_postworld{ display:none}
.slide_th header,.hd_tbmain header{ width:94%; margin:auto; padding:10px 0px 16px 0;}
.slide_th header i,.hd_tbmain header i{margin:5px 0 0 0; width:20%;}
.slide_th header i img,.hd_tbmain header i img{width:90%; height:auto ;}
.slide_th header div,.hd_tbmain header div{ float: right; width:80%; font-size:14px;}
.slide_th header div span,.hd_tbmain header div span{font-size:42px;}


#hot_slide .owl-buttons div{ top:-210px}

/*share*/
.share_social{ width:100%;}

.cover_share_hilight .social-share2015-1{ width:96%; float:none; display:block; margin:10px auto 25px; border:none}
.cover_share_hilight .social-share2015-1 p.num-view{ text-align:center; float:none; width:90%;}
.cover_share_hilight .share-group2015-1{ width:96%; float:none; display:block; margin:10px auto 25px}
.cover_share_hilight .share-group2015-1 .fb-share{ width:58%}
.cover_share_hilight .share-group2015-1 .fb-share a span.boxCount{ width:50%}
.cover_share_hilight .share-group2015-1 .tw-share{ width:38%}

}

@media only screen and (max-width : 480px) {
.sub_box_form{margin: 0 10px 15px; padding: 10px;}
.list_L{float: none; width:100%}
.list_R{float: none; width:100%; padding:0; border-left: none}
	
	
/*share hilight*/
.social-share p.num-view em{ font-size:14px}
.share-group>div a{ height:22px !important}
.share-group>div a:after{  font-size:16px !important; line-height: 18px !important;}
.share-group>div span.boxCount{ font-size:14px;  padding:2px 0;}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}	
	
/*share*/
.share_social>div a{padding:2px 0 4px; }
#hot_slide .owl-buttons div{ width:30px; height:30px; top:-180px}



}


/*iphone6 plus - iphone4*/
@media only screen and (max-width : 414px) {
.banner300x250{ display:none}
	
.thumb_world>li{ width:50%;}

.link_social div{ width:90%;}
.link_social div a i{font-size:26px}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}

.ms_box span.s1{ font-size:80px; line-height:70px;}
.ms_box span.s2{ font-size:38px;}
.ms_box p{margin: 20px 10px 20px; font-size:32px;}
}

@media only screen and (max-width : 360px) {
	.ms_box span.s2{ font-size:32px;}
}

@media only screen and (max-width : 320px) {
.thumb_world>li{ width:100%;}

#hot_slide .owl-buttons div{  top:-160px}

.info_disclaimer>p.hd_rule { width: 93%;}
.info_disclaimer>p {width: 93%;}

.ms_box i{width: 120px; height: 85px; font-size: 50px;}
.ms_box span.s1{ font-size:60px; line-height:50px;}
.cover_share_hilight .share-group2015-1 .fb-share a span.boxCount{ width:43%}

}