Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ใครพอมี javascript css text slider สวยๆ ดีๆ มั่งครับผม



 

ใครพอมี javascript css text slider สวยๆ ดีๆ มั่งครับผม

 



Topic : 111981



โพสกระทู้ ( 545 )
บทความ ( 0 )



สถานะออฟไลน์




ผมต้องการทำข้อความเป็น slider ขึ้น ลง หรือ ซ้าย ขวาก็ได้ครับ ใครพอมี code แนวนี้ หรือ เว็บแนะนำมั่งครับผม



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-10-16 13:22:46 By : tangsupap View : 904 Reply : 5
 

 

No. 1



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



สถานะออฟไลน์


ลองดูครับ -->http://www.htmldrive.net/categorys/show/2/Slideshow-Scroller






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-16 13:44:45 By : arm8957
 


 

No. 2



โพสกระทู้ ( 545 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมากครับ แล้วมี แบบ สุขใจปลายปากกา http://www.thaihealth.or.th/ แบบนี้ใหมครับผม
ผมลอง แกะดูได้ประมาณนี้แต่มั่งยังไม่เลื่อนครับ


ประวัติการแก้ไข
2014-10-17 10:05:07
2014-10-17 10:06:24
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-17 09:25:46 By : tangsupap
 

 

No. 3



โพสกระทู้ ( 545 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
<meta charset="TIS-620">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
issue_spy_writer=jQuery.noConflict();
issue_spy_writer = jQuery.noConflict();
issue_spy_writer(function () {
issue_spy_writer('ul.spy').simpleSpy(6, 6000);
});
(function ($) {
$.fn.simpleSpy = function (limit, interval) {
limit = limit || 6;
interval = interval || 6000;
return this.each(function () {
var $list = $(this),
items = [],
currentItem = limit,
total = 1,
height = $list.find('> li:first').height();
$list.find('> li').each(function () {
items.push('<li>' + $(this).html() + '</li>');
});
total = items.length;
$list.wrap('<div class="spyWrapper" />').parent().css({ height : (height - 10) * limit });
$list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();
function spy() {
var $insert = $(items[currentItem]).css({
height : 0,
opacity : 0,
display : 'none'
}).prependTo($list);
$list.find('> li:last').animate({ opacity : 0}, 1000, function () {
$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
$(this).remove();
});
currentItem++;
if (currentItem >= total) {
currentItem = 0;
}
setTimeout(spy, interval)
}
spy();
});
};
})(jQuery);
</script>
<style type="text/css">

@charset "utf-8";
body {
    font-family: "kalatexaregular";
    font-size: 100%;
    margin: 0;
    padding: 0;
}
body.textsize-normal {
    font-size: 105%;
}
body.textsize-bigger {
    font-size: 115%;
}
body.textsize-biggest {
    font-size: 125%;
}
ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
p {
    margin: 8px auto;
    padding: 0;
}
a {
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    text-decoration: none;
}
a:focus {
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    text-decoration: none;
}
a:active {
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    text-decoration: none;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
:focus {
    outline: 0 none;
}
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}
img {
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
}
button, input[type="submit"], input[type="reset"], input[type="button"], .inputButton {
    padding: 0.2em 0.4em;
}
input, button, textarea, select, optgroup, option {
    font-size: 0.9em;
    line-height: 1.8 !important;
}
.font_kwansook {
    font-family: "kwamsooklight";
    font-weight: bold;
}
#web {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head {
    background: none repeat scroll 0 0 #474644;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head #nav_top {
    font-family: "kwamsooklight";
    font-size: 87%;
    height: 35px;
    line-height: 35px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1000px;
}
#head #nav_top h1.home_sss {
    background: url("/images/home_logo_child.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    height: 34px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 80px;
}
#head #nav_top a.nav_top_left {
    color: #fff;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
#head #nav_top a.nav_top_right {
    color: #fff;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
#head #nav_top span.ar {
    color: #fff;
    float: left;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#home_menu_small {
    display: none;
    float: left;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 22px;
}
#head_intro_center {
    background: none repeat scroll 0 0 #dddde3;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#head_intro_center .home_intro_div_click {
    height: 4px;
    margin: auto;
    position: relative;
    width: 1100px;
}
#head_mark #nav_tops .web_logo {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0.6% 0 0;
    text-align: center;
    width: 100px;
}
.hidden_for_google {
    display: none;
}
.ac_input {
    width: 159px;
}
.w2bslikebox a {
    color: #666666;
    font-family: "kwamsooklight";
    font-size: 12px;
    text-decoration: none;
}
.w2bslikebox a:hover {
    color: #666666;
    text-decoration: none;
}
.area_like {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 277px;
}
.area_like .area_like_border_top {
    background: url("/images/link_popup.png") no-repeat scroll 0 -157px rgba(0, 0, 0, 0);
    float: left;
    height: 51px;
    margin-top: 157px;
    width: 10px;
}
.area_like .area_blog_to {
    float: left;
    height: auto;
    width: 111px;
}
.area_arrow_show {
    background: url("/images/link_popup.png") no-repeat scroll -10px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 8px;
    width: 111px;
}
.area_like_border_center {
    background: none repeat scroll 0 0 #dadada;
    float: left;
    height: auto;
    width: 101px;
}
.area_items_to {
    float: left;
    height: auto;
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
}
.area_items {
    margin: auto;
    width: 96%;
}
.area_images {
    float: left;
    margin-bottom: 5px;
    width: 95%;
}
.area_text {
    color: #fff;
    float: left;
    text-align: center;
    width: 95%;
}
.area_text a {
    color: #666666;
    font-family: "kwamsooklight";
    font-size: 12px;
    text-decoration: none;
}
.area_like .area_like_border_bottom {
    background: url("/images/link_popup.png") no-repeat scroll -10px bottom rgba(0, 0, 0, 0);
    float: left;
    height: 12px;
    width: 239px;
}
.spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#home_rewrite_title {
    background: url("/images/border_rewrite.jpg") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 0 10px;
    width: 100%;
}
#home_rewrite_title h2 {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -225px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    line-height: 29px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 30px;
    width: 61%;
}
#home_rewrite_title_bg {
    background: url("/images/widget_bg_title.png") repeat-x scroll 0 -4px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px;
    width: 100%;
}
#home_rewrite_title_bg h2 {
    background: url("/images/home_right_icon.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    line-height: 30px;
    margin: 0 0 0 9px;
    overflow: hidden;
    padding: 0 0 0 30px;
    width: 57%;
}
#blog_tag {
    float: left;
    width: 100%;
}
#home_tag_title {
    background: url("/images/widget_bg_title.png") repeat-x scroll 0 -4px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px;
    width: 100%;
}
#home_tag_title .tag_t {
    background: url("/images/home_right_icon.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    height: 30px;
    line-height: 33px;
    margin: 0 0 0 9px;
    overflow: hidden;
    padding: 0 0 0 30px;
    width: 70%;
}
#home_tag_show {
    float: left;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.link_tag {
    font-size: 100%;
    margin-right: 5px;
    text-decoration: none;
}
.link_tag_google {
    display: none;
}
.link_tag_8C733E {
    color: #8c733e;
}
.link_tag_C2CB20 {
    color: #c2cb20;
}
.link_tag_F58220 {
    color: #f58220;
}
.link_tag_00AEEF {
    color: #00aeef;
}
.link_tag_03953F {
    color: #03953f;
}
#home_rewrite_show {
    float: left;
    height: 504px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
#home_rewrite_show ul.spy {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#home_rewrite_show ul.spy li {
    border-top: 1px solid #ccc;
    float: left;
    height: 95px;
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0;
    width: 100%;
}
#home_rewrite_show ul.spy li .w_profile {
    float: left;
    height: 93px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 27%;
}
#home_rewrite_show ul.spy li .w_profile .w_motion {
    float: left;
    height: 56px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 74px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im {
    height: 58px;
    left: 14%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 72%;
    z-index: 1;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .bg_im {
    cursor: pointer;
    height: 55px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
#home_rewrite_show ul.spy li .w_profile p {
    color: #999999;
    float: left;
    font-family: "Tahoma";
    font-size: 71%;
    margin-top: 3px;
    text-align: center;
    white-space: normal;
    width: 100%;
}
#home_rewrite_show ul.spy li .w_event {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 72%;
}
#home_rewrite_show ul.spy li .w_event .w_event_msg {
    color: #009966;
    float: left;
    font-family: "kwamsooklight";
    font-size: 80%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    width: 100%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail {
    color: #999999;
    float: left;
    line-height: 21px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_follow {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21px;
    width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_click {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21px;
    width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_gift {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 22px;
    width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_follow:hover {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21px;
    width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_click:hover {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21px;
    width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_gift:hover {
    background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -102px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 22px;
    width: 23%;
}
.rewrite_bordernone {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.nav_people {
    color: #2da888;
    float: left;
    font-family: "kwamsookregular";
    font-size: 80%;
    margin: 5px 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.nav_people span {
    color: #ec7406;
}
.nav_people a {
    color: #009966;
}
#frm {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#page_register {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #e3e3e3;
    color: #01936e;
    float: left;
    font-family: "kwamsookregular";
    margin: auto auto 15px 10px;
    overflow: hidden;
    padding: 15px;
    width: 94.5%;
}
#page_register h1 {
    background: url("/images/register_title.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cccfd2;
    float: left;
    font-size: 117%;
    margin: 0;
    overflow: hidden;
    padding: 0 0 5px 25px;
    width: 97%;
}
#page_register h1 a.btn_login_fb {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: right;
    width: auto;
}
#page_register p {
    float: left;
    width: 100%;
}
.register_formblog {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.register_formblog .char_com {
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.register_formblog .char_coms {
    float: right;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 65%;
}
.register_formblog .char_com label {
    float: left;
    font-size: 90%;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-align: right;
    width: 34%;
}
#frm_login {
    float: left;
    margin: 0;
    width: 100%;
}
.a_forgotpass {
    color: #ec7406;
    float: left;
    font-size: 90%;
    text-decoration: none;
    width: auto;
}
.a_forgotpass:hover {
    text-decoration: underline;
}
#line_posts {
    display: none;
}
.forget-password-loading {
    background: url("/images/preload.gif") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 30px;
    width: 100%;
}
.register_formblog .char_com .des {
    color: #999;
    float: right;
    font-size: 80%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 65%;
}
.register_formblog .char_com span.let_span {
    color: #333;
    font-size: 90%;
    width: auto;
}
.register_formblog .char_com input[type="checkbox"] {
    float: left;
    line-height: 25px;
}
.blog_img_profile {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 50%;
}
.register_border_colum {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.re_capcha {
    float: left;
    width: 60%;
}
.send_register {
    background: url("/images/news_btn_comment.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 29px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 125px;
}
.reset_register {
    background: url("/images/news_btn_comment.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 29px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 125px;
}
.input_text {
    background: url("/images/bg_input.png") repeat-x scroll 0 0 #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 5px;
    width: 234px;
}
.at300b, .at300bo, .at300m, .at300bs {
    float: left;
    margin: 0 5px 0 0;
}
.addthis_counter {
    float: left;
    width: 150px;
}
@media screen and (max-width: 479px) {
#wapper {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#intro_home {
    background: none repeat scroll 0 0 #04a3b0;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.intro_home_first {
    background: none repeat scroll 0 0 #ffc;
    display: block;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro_home_none {
    background: none repeat scroll 0 0 #fff;
    display: none;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#head_mark {
    background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head_mark #nav_tops {
    height: 80px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 90%;
}
#head #nav_top {
    font-family: "kwamsooklight";
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_menu_small {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_menu_small .nav_top_mobile {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_menu_small .nav_top_mobile h1.home_sss {
    height: 19px;
    width: 53px;
}
#home_menu_small .nav_top_mobile .nav_top_right {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#home_menu_small .nav_top_mobile .home_nav_mainmenu_top {
    float: right;
    height: 33px;
    margin: 0 4%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 22px;
}
#head_mark #nav_tops .web_logo {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0.6% 0 0;
    text-align: center;
    text-decoration: none;
    width: 79px;
}
#head_mark #nav_tops .web_activity {
    float: right;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    width: 207px;
}
.w2bslikebox {
    cursor: pointer;
    display: block;
    float: right;
    height: 168px;
    padding: 0;
    position: fixed;
    right: -103px;
    top: 10%;
    width: 111px;
    z-index: 999999999;
}
a.meanmenu-revealx {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 1px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    outline: 0 none;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 7px;
    width: 22px;
}
a.meanmenu-revealx span {
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: 3px;
    margin-top: 3px;
}
.mean-navx {
    background: none repeat scroll 0 0 #3a3a3c;
    display: none;
    float: left;
    margin-top: 0;
    width: 100%;
}
.mean-navx ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mean-navx ul li {
    float: left;
    width: 50%;
}
.mean-navx ul li a {
    color: #fff;
    float: left;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.home_calendarmore {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_bg_text_inner {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 7px 0;
    text-align: center;
    width: auto;
}
.home_calendarmore_text_inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 7px 8px;
    text-align: center;
    width: auto;
}
.web_activity .search_fanpage {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 7px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 8px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage .home_search {
    background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font-size: 100%;
    height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
    border: medium none;
    float: left;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 20px;
    height: auto;
    line-height: 35px;
    margin: 0 0 0 10px;
    outline: 0 none;
    padding: 0;
    text-align: left;
    width: 156px;
}
.web_activity .search_fanpage .home_search span {
    background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30px;
}
.web_activity .home_system {
    color: #666;
    float: left;
    font-family: "kwamsookregular";
    font-size: 82%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .home_system .home_display {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 62%;
}
.web_activity .home_system .home_display span {
    float: left;
    line-height: 60px;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul {
    float: left;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
    float: left;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
    color: #999999;
    float: left;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
    background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
    background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
    background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_login {
    float: right;
    margin: 4px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_login {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login span.border_login {
    float: right;
    font-size: 100%;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_register {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
#nav_menu {
    background: none repeat scroll 0 0 #2da888;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#nav_menu ul {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 92%;
}
#nav_menu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#nav_menu ul li a.one {
    background: url("/images/nav_menu.png") no-repeat scroll 23px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 136px;
}
#nav_menu ul li a.two {
    background: url("/images/nav_menu.png") no-repeat scroll -75px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 137px;
}
#nav_menu ul li a.three {
    background: url("/images/nav_menu.png") no-repeat scroll -198px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 136px;
}
#nav_menu ul li a.four {
    background: url("/images/nav_menu.png") no-repeat scroll -339px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 137px;
}
#nav_menu ul li a.five {
    background: url("/images/nav_menu.png") no-repeat scroll -478px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 136px;
}
#nav_menu ul li a.six {
    background: url("/images/nav_menu.png") no-repeat scroll -602px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 137px;
}
#nav_menu ul li a.seven {
    background: url("/images/nav_menu.png") no-repeat scroll -738px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 136px;
}
#nav_menu ul li a.eight {
    background: url("/images/nav_menu.png") no-repeat scroll -857px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 137px;
}
#nav_menu ul li a {
    color: #fff;
    float: left;
    font-family: "kwamsookregular";
    font-size: 80%;
    line-height: 100px;
    margin: 0 5px;
    outline: medium none;
    overflow: hidden;
    padding: 26px 0 0;
    text-align: center;
    text-decoration: none;
}
#nav_menu ul li.act {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
    background: none repeat scroll 0 0 #ff6600;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    float: left;
    height: 3px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.home_book_nav h3.title_books {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
.home_book_nav a.home_morelink {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_book_nav a.home_morelink_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
#home_content_right #bannerA1 {
    float: left;
    height: 350px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_right #blog_rating {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .images {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
    color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
    color: #666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
    width: 100%;
}
#home_content_right #blog_calendar_w999 {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books p {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 30px;
}
#blog_calendar_w999 .ann_col_left {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0 1% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 30%;
}
#blog_calendar_w999 .ann_col_right {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
    border-bottom: 1px dotted #cfcfcf;
    float: left;
    line-height: 35px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
    color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
    color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
    color: #ec7406;
    float: left;
    font-size: 97%;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 34%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
    color: inherit;
    float: left;
    font-size: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 64%;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_map {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px dotted #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_sitemap {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px solid #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {

    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_map {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px dotted #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_map #blog_contact {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_contact .circle_big {
    height: auto;
    margin: 25px auto;
    overflow: hidden;
    padding: 0;
    width: 282px;
}
#blog_contact .circle_big a.circle_1 {
    background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2 {
    background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3 {
    background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
    background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 2px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a {
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 88%;
    text-align: center;
    text-decoration: none;
}
#blog_contact .contact_text {
    height: 170px;
    margin: 25px auto 5px;
    overflow: hidden;
    padding: 0;
    width: 326px;
}
#blog_contact .contact_text .three_people {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#blog_contact .contact_text h3 {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
    text-align: center;
    width: 84%;
}
#blog_contact .contact_text .function_fanpages {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.function_fanpages .home_footer_fb {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin-left: 100px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_tw {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin: 0 10px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_yt {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_fb:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
    margin: auto auto 15px;
    overflow: hidden;
    padding: 0;
    width: 230px;
}
#footer #footer_sitemap {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px solid #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu {
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 170px;
}
#footer_sitemap #blog_showmenu ul {
    float: left;
    height: auto;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "kwamsooklight";
    font-size: 106%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 26px 0 0;
    position: relative;
    text-align: left;
    width: auto;
}
#footer_sitemap #blog_showmenu ul li a {
    color: #ebebe7;
    display: none;
    float: left;
    font-family: "kwamsookregular";
    font-size: 86%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
div.arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-right: 7px solid transparent;
    border-style: solid;
    border-width: 7px;
    content: "";
    cursor: pointer;
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 12px;
    transition: left 300ms ease-out 0s;
    width: 0;
    z-index: 1;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
    float: left;
    margin: 0 0 0 8px;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
    color: #ebebe7;
    text-decoration: none;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer #footer_verified .blog_showver {
    margin: auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 100%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
    margin: auto auto 15px;
    overflow: hidden;
    padding: 0;
    width: 250px;
}
#footer #footer_verified .blog_showver .blog_showver_right {
    float: none;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 288px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_site {
    border-right: 1px solid #9d9c9b;
    float: left;
    margin: 8px 10px 0 0;
    overflow: hidden;
    padding: 0 14px 0 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_selectsite {
    float: left;
    margin: 8px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
    float: left;
    height: 17px;
    margin: 4px 0 0 8px;
    width: 14px;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_wai-aa {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right span.footer_thai {
    color: #fff;
    display: none;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 30px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_xhtml {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_by-nc-sa {
    float: left;
    margin: 9px 5px 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a {
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
}
#content_right_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}
.hits_images {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.hits_descrition {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 68%;
}
.link_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.title_hits {
    color: #333333;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.des_hits {
    color: #666666;
    float: left;
    font-size: 90%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.hidden-phone {
    display: none;
}
.show-phone {
    display: block;
}
}
@media screen and (max-width: 479px) {
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
    font-size: 70%;
    width: 55%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
    padding-left: 7px;
    width: 22%;
}
#ass_751 ul#home_news_750 li.li_left .image {
    height: 100px;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
    background: url("/images/gallery_calendar.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    float: left;
    font-size: 62%;
    padding-left: 20px;
    width: 50%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 6px rgba(0, 0, 0, 0);
    border-left: 1px solid #ccc;
    float: right;
    font-size: 80%;
    min-width: 25%;
    padding-left: 14px;
    text-align: right;
}
}
@media screen and (max-width: 750px) {
#home_associate_mobile {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 97%;
}
#ass_750 {
    background: none repeat scroll 0 0 #edecea;
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 99%;
}
#ass_750 .title {
    background: none repeat scroll 0 0 #f47e12;
    float: left;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ass_750 .title .icon {
    background: url("/images/mobile_icon_news.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    width: 35px;
}
#ass_750 .title h2.titles {
    color: #fff;
    float: left;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 88%;
}
#ass_750 ul#home_news_750 {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 7px 6px;
    width: 96%;
}
#ass_750 ul#home_news_750 li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ass_750 ul#home_news_750 li.li_left {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 48%;
}
#ass_750 ul#home_news_750 li .image {
    float: left;
    height: 176px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ass_750 ul#home_news_750 li .mobile_msg {
    background: none repeat scroll 0 0 #74bdaa;
    color: #3c3032;
    float: left;
    font-size: 90%;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
    width: 98%;
}
#ass_750 ul#home_news_750 li .bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#ass_750 ul#home_news_750 li .des_r_bottom {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #666666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 10%;
    width: 79.5%;
}
#ass_750 ul#home_news_750 li .des_r_bottom span.date_start {
    background: url("/images/gallery_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    float: left;
    font-size: inherit;
    padding-left: 20px;
    width: 59%;
}
#ass_750 ul#home_news_750 li .des_r_bottom span.cat_views {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 3px rgba(0, 0, 0, 0);
    border-left: 1px solid #ccc;
    float: right;
    font-size: inherit;
    min-width: 25%;
    padding-left: 14px;
    text-align: right;
}
#ass_750 ul#home_news_750 li.li_left .image {
    background: none repeat scroll 0 0 #fff;
    display: table-cell;
    float: left;
    height: 140px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}
#ass_750 ul#home_news_750 li.li_left .mobile_msg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #222;
    float: left;
    font-size: 90%;
    height: 40px;
    line-height: 19px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
    width: 98%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #666666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 2%;
    width: 95.5%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
    background: url("/images/gallery_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    float: left;
    font-size: inherit;
    padding-left: 20px;
    width: 57%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 3px rgba(0, 0, 0, 0);
    border-left: 1px solid #ccc;
    float: right;
    font-size: inherit;
    min-width: 25%;
    padding-left: 14px;
    text-align: right;
}
#ass_751 {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dddddd;
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ass_751 ul#home_news_750 {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ass_751 ul#home_news_750 li.li_left {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 48%;
}
#ass_751 ul#home_news_750 li.li_left .image {
    background: none repeat scroll 0 0 #fff;
    display: table-cell;
    float: left;
    height: 140px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}
#ass_751 ul#home_news_750 li.li_left .mobile_msg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #222;
    float: left;
    font-size: 78%;
    height: 40px;
    line-height: 19px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
    width: 98%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom {
    background: none repeat scroll 0 0 #edecea;
    color: #666666;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0 2%;
    width: 96.5%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
    background: url("/images/gallery_calendar.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    float: left;
    font-size: 62%;
    padding-left: 20px;
    width: 50%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 4px 6px rgba(0, 0, 0, 0);
    border-left: 1px solid #ccc;
    float: right;
    font-size: 80%;
    min-width: 20%;
    padding-left: 14px;
    text-align: center;
}
.font_kwamsook {
    font-family: "kwamsookregular";
}
#multimedia_mobile_home {
    margin: auto auto 10px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}
#multimedia_mobile_home .title {
    border-top: 6px solid #35aa8d;
    float: left;
    padding-top: 15px;
    width: 98%;
}
#multimedia_mobile_home .title .icon {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    width: 30px;
}
#multimedia_mobile_home .title h2.text_title {
    color: #01936e;
    float: left;
    font-size: 100%;
    margin: 0;
    max-width: 60%;
    padding: 0;
}
#multimedia_mobile_home .title .multimedia_mobile_home_more {
    background: none repeat scroll 0 0 #dbdbdb;
    color: #fff;
    float: right;
    padding: 2px 10px;
}
#multimedia_mobile_home .mm_big_image {
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
#multimedia_mobile_home .mm_big_image a.images {
    float: left;
    outline: medium none;
    text-decoration: none;
    width: 100%;
}
#multimedia_mobile_home .mm_big_image a.mm_hover_link {
    background: url("/images/home_img_vdo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #fff;
    display: none;
    float: left;
    height: 100%;
    left: 0;
    line-height: 450px;
    outline: medium none;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 1;
}
#multimedia_mobile_home .mm_big_image:hover a.mm_hover_link {
    display: block;
}
#multimedia_mobile_home ul#mm_home_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 49.5%;
}
#multimedia_mobile_home ul#mm_home_list li .images {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li .images .blog_image {
    float: left;
    width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li .vdo_title {
    background: url("/images/home_img_vdo.png") no-repeat scroll center 33px rgba(0, 0, 0, 0);
    display: none;
    float: left;
    height: 100%;
    left: 0;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#multimedia_mobile_home ul#mm_home_list li .vdo_title a {
    color: #fff;
    float: left;
    height: 88%;
    line-height: 190px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 89%;
}
#multimedia_mobile_home ul#mm_home_list li:hover .vdo_title {
    display: block;
}
#gallery_mobile_home {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#gallery_mobile_home .title {
    border-top: 6px solid #35aa8d;
    float: left;
    padding-top: 15px;
    width: 98%;
}
#gallery_mobile_home .title .icon {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    width: 30px;
}
#gallery_mobile_home .title h2.text_title {
    color: #01936e;
    float: left;
    font-size: 100%;
    margin: 0;
    max-width: 60%;
    padding: 0;
}
#gallery_mobile_home .title .gallery_mobile_home_more {
    background: none repeat scroll 0 0 #dbdbdb;
    color: #fff;
    float: right;
    padding: 2px 10px;
}
#gallery_mobile_home .mm_big_image:hover a.mm_hover_link {
    display: block;
}
#gallery_mobile_home ul#mm_home_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_list li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 49.5%;
}
#gallery_mobile_home ul#mm_home_list li .images {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .images .blog_image {
    float: left;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .vdo_title {
    display: block;
    float: left;
    height: auto;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .vdo_title a {
    color: #666;
    float: left;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage li {
    float: left;
    margin: 0 0 3px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage li .icon {
    background: url("/images/ticker.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 20px;
    width: 20px;
}
#gallery_mobile_home ul#mm_home_listnoimage li a {
    color: #01936e;
    float: left;
    text-decoration: none;
    width: 90%;
}
#content_right_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}
.hits_images {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.hits_descrition {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 68%;
}
.link_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.title_hits {
    color: #333333;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.des_hits {
    color: #666666;
    float: left;
    font-size: 90%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 750px) {
#wapper {
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 450px;
}
#intro_home {
    background: none repeat scroll 0 0 #04a3b0;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.intro_home_first {
    background: none repeat scroll 0 0 #ffc;
    display: block;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro_home_none {
    background: none repeat scroll 0 0 #fff;
    display: none;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#wapper #home_content {
    float: left;
    margin: 0 0 17px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content #home_content_left {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 457px;
}
#home_content #home_content_right {
    float: right;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_associate {
    float: left;
    height: 520px;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_multimedia {
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 15px;
    height: auto;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_multimedia_mobile {
    float: left;
    height: auto;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}
#home_content_left #home_books {
    float: left;
    height: 316px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head #nav_top {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head #nav_top h1.home_sss {
    display: none;
    float: left;
    height: 34px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 80px;
}
#head #nav_top span.ar {
    color: #fff;
    float: left;
    margin: 0 2px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#head_mark {
    background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head_mark #nav_tops {
    height: 100px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 92%;
}
#head_mark #nav_tops .web_logo {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0.6% 0 0;
    text-align: center;
    text-decoration: none;
    width: 96px;
}
#head_mark #nav_tops .web_activity {
    float: right;
    margin: 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 340px;
}
#nav_top .web_activity {
    float: right;
    height: 71px;
    margin: 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 411px;
}
.web_activity .search_fanpage {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage .home_search {
    background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font-size: 100%;
    height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
    border: medium none;
    float: left;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 20px;
    height: auto;
    line-height: 35px;
    margin: 0 0 0 10px;
    outline: 0 none;
    padding: 0;
    text-align: left;
    width: 156px;
}
.web_activity .search_fanpage .home_search span {
    background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30px;
}
.web_activity .home_system {
    color: #666;
    float: left;
    font-family: "kwamsookregular";
    font-size: 82%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .home_system .home_display {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display span {
    float: left;
    line-height: 60px;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul {
    float: left;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
    float: left;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
    color: #999999;
    float: left;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
    background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
    background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
    background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_login {
    float: right;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_login {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login span.border_login {
    float: right;
    font-size: 100%;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_register {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.w2bslikebox {
    cursor: pointer;
    display: block;
    float: right;
    height: 168px;
    padding: 0;
    position: fixed;
    right: -103px;
    top: 20%;
    width: 111px;
    z-index: 999999999;
}
#nav_menu {
    background: none repeat scroll 0 0 #2da888;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#nav_menu ul {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 92%;
}
#nav_menu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#nav_menu ul li a.one {
    background: url("/images/nav_menu.png") no-repeat scroll 35px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 159px;
}
#nav_menu ul li a.two {
    background: url("/images/nav_menu.png") no-repeat scroll -85px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 114px;
}
#nav_menu ul li a.three {
    background: url("/images/nav_menu.png") no-repeat scroll -189px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 153px;
}
#nav_menu ul li a.four {
    background: url("/images/nav_menu.png") no-repeat scroll -329px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 159px;
}
#nav_menu ul li a.five {
    background: url("/images/nav_menu.png") no-repeat scroll -488px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 114px;
}
#nav_menu ul li a.six {
    background: url("/images/nav_menu.png") no-repeat scroll -597px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 153px;
}
#nav_menu ul li a.seven {
    background: url("/images/nav_menu.png") no-repeat scroll -726px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 159px;
}
#nav_menu ul li a.eight {
    background: url("/images/nav_menu.png") no-repeat scroll -861px -82px rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 114px;
}
#nav_menu ul li a {
    color: #fff;
    float: left;
    font-family: "kwamsookregular";
    font-size: 14px;
    line-height: 100px;
    margin: 0 5px;
    outline: medium none;
    overflow: hidden;
    padding: 26px 0 0;
    text-align: center;
    text-decoration: none;
}
#nav_menu ul li.act {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
    background: none repeat scroll 0 0 #ff6600;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    float: left;
    height: 3px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.home_book_nav h3.title_books {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
.home_book_nav a.home_morelink {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_book_nav a.home_morelink_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
#home_content_right #bannerA1 {
    height: 350px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 68.6%;
}
#home_content_right #blog_calendar {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_right #blog_rating {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .images {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
    color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
    color: #666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
    width: 66%;
}
#home_content_right #blog_calendar_w999 {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books p {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 30px;
}
#blog_calendar_w999 .ann_col_left {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0 1% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 30%;
}
#blog_calendar_w999 .ann_col_right {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
    border-bottom: 1px dotted #cfcfcf;
    float: left;
    line-height: 35px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
    color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
    color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
    color: #ec7406;
    float: left;
    font-size: 97%;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 31%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
    color: inherit;
    float: left;
    font-size: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 67%;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_map {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px dotted #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_map #blog_contact {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 464px;
}
#blog_contact .circle_big {
    height: 150px;
    margin: 25px auto;
    overflow: hidden;
    padding: 0;
    width: 430px;
}
#blog_contact .circle_big a.circle_1 {
    background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2 {
    background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3 {
    background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
    background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a {
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 88%;
    text-align: center;
    text-decoration: none;
}
#blog_contact .contact_text {
    height: 150px;
    margin: 25px auto auto;
    overflow: hidden;
    padding: 0;
    width: 326px;
}
#blog_contact .contact_text .three_people {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#blog_contact .contact_text h3 {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
    text-align: center;
    width: 84%;
}
#blog_contact .contact_text .function_fanpages {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.function_fanpages .home_footer_fb {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin-left: 100px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_tw {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin: 0 10px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_yt {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_fb:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
    margin: auto auto 15px;
    overflow: hidden;
    padding: 0;
    width: 230px;
}
#footer #footer_sitemap {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px solid #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu {
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 450px;
}
#footer_sitemap #blog_showmenu ul {
    float: left;
    height: auto;
    margin: 0 25px 0 45px;
    overflow: hidden;
    padding: 0;
    width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
    color: #fff;
    float: left;
    font-family: "kwamsooklight";
    font-size: 106%;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
    color: #ebebe7;
    float: left;
    font-family: "kwamsookregular";
    font-size: 86%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
    float: left;
    margin: 0 0 0 8px;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
    color: #ebebe7;
    text-decoration: none;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer #footer_verified .blog_showver {
    margin: auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 100%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
    margin: auto auto 15px;
    overflow: hidden;
    padding: 0;
    width: 255px;
}
#footer #footer_verified .blog_showver .blog_showver_right {
    float: none;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 288px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_site {
    border-right: 1px solid #9d9c9b;
    float: left;
    margin: 8px 14px 0 0;
    overflow: hidden;
    padding: 0 14px 0 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
    float: left;
    height: 17px;
    margin: 4px 0 0 8px;
    width: 14px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_selectsite {
    float: left;
    margin: 8px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_wai-aa {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right span.footer_thai {
    color: #fff;
    display: none;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 30px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_xhtml {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_by-nc-sa {
    float: left;
    margin: 9px 5px 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a {
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
}
#content_right_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}
.hits_images {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.hits_descrition {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 68%;
}
.link_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.title_hits {
    color: #333333;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.des_hits {
    color: #666666;
    float: left;
    font-size: 90%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.show-phone {
    display: block;
}
.not-phone {
    display: block;
}
.disw750 {
    display: none;
}
.hidden-phone {
    display: none;
}
.enw750 {
    display: block;
}
}
@media screen and (min-width: 751px) and (max-width: 899px) {
#wapper {
    height: auto;
    margin: auto;
    padding: 0;
    width: 662px;
}
#intro_home {
    background: none repeat scroll 0 0 #04a3b0;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.intro_home_first {
    background: none repeat scroll 0 0 #ffc;
    display: block;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro_home_none {
    background: none repeat scroll 0 0 #fff;
    display: none;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#wapper #home_link {
    float: left;
    height: 148px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#wapper #home_link2 {
    float: left;
    height: 148px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#wapper #home_content {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#home_content #home_content_left {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 672px;
}
#home_content #home_content_right {
    float: right;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_associate {
    float: left;
    height: 520px;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_multimedia {
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 15px;
    height: auto;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_books {
    float: left;
    height: 316px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .title_books {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .title_books h3 {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -74px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
#home_books .title_books a.home_more_books {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
#home_books .home_listbooks {
    background: url("/images/home_bg_book.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 276px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .home_listbooks .home_book_nav {
    float: left;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.home_book_nav h3.title_books {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
.home_book_nav a.home_morelink {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_book_nav a.home_morelink_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
#home_books .home_listbooks ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .home_listbooks ul li {
    float: left;
    height: 174px;
    margin: 0 13px;
    overflow: hidden;
    padding: 0;
    width: 124px;
}
#home_content_right #bannerA1 {
    height: 350px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 46.8%;
}
#home_content_right #blog_writer {
    float: left;
    height: auto;
    margin: 0 0 17px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_right #blog_calendar {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_right #blog_rating {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .images {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
    color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
    color: #666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
    width: 50%;
}
#home_content_right #blog_calendar_w999 {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .title_books p {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
    text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 30px;
}
#blog_calendar_w999 .ann_col_left {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0 1% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 30%;
}
#blog_calendar_w999 .ann_col_right {
    background: none repeat scroll 0 0 #c9eae1;
    color: #055541;
    float: left;
    font-size: 95%;
    line-height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
    border-bottom: 1px dotted #cfcfcf;
    float: left;
    line-height: 35px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
    color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
    color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
    color: #ec7406;
    float: left;
    font-size: 84%;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 31%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
    color: inherit;
    float: left;
    font-size: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 67%;
}
#home_content_right #blog_calendar {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar #calen_show {
    border-bottom: 1px solid #f5f5f5;
    float: left;
    height: auto;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 4px;
    width: 100%;
}
#blog_calendar #calen_show p {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: 50%;
}
.home_calendarmore {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_bg_text_inner {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 7px 0;
    text-align: center;
    width: auto;
}
.home_calendarmore_text_inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 7px 8px;
    text-align: center;
    width: auto;
}
#home_multimedia .home_multi_head {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#home_multimedia .home_multi_head ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_head ul li.ones {
    background: none repeat scroll 0 0 #ededed;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 8px 16px;
    width: 30%;
}
#home_multimedia .home_multi_head ul li.twos {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 8px 16px;
    width: 30%;
}
#home_multimedia .home_multi_head ul li.ones h3.one {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21%;
    width: 66%;
}
#home_multimedia .home_multi_head ul li.twos h3.two {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21%;
    width: 66%;
}
#home_multimedia .home_multi_head ul li a {
    color: #336666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 10%;
}
#home_multimedia .home_multi_show {
    background: none repeat scroll 0 0 #ededed;
    border: 1px solid #d9d9d9;
    float: left;
    height: auto;
    margin: -1px 0 0;
    overflow: hidden;
    padding: 17px 19px;
    width: 94.1%;
}
#home_multimedia .home_multi_show .home_multi_list {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_show .home_multi_list_gallery {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_show #home_casegallery {
    display: none;
}
.home_multi_list .home_vdo1 {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 250px;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
.home_multi_list .home_vdo1 .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list .home_vdo1 .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 240px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list .home_vdo1 .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 50px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    height: 35%;
    padding-top: 32%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.home_multi_list .home_vdo1:hover .bg_black {
    display: block;
}
.home_multi_list ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 48%;
}
.home_multi_list ul li {
    float: left;
    margin: 0 0 4%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 50%;
}
.home_multi_list ul li .images {
    background: none repeat scroll 0 0 #000;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.home_multi_list ul li .images .bg_black {
    display: none;
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .images .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 120px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .images .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 44% 5% 0;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 2;
}
.home_multi_list ul li .images:hover .bg_black {
    display: block;
}
.home_multi_list ul li .vdo_title {
    display: none;
    float: left;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .vdo_title a {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
.home_multi_list_gallery ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 102%;
}
.home_multi_list_gallery ul li {
    float: left;
    height: 135px;
    margin: 0 0 3%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 33.3%;
}
.home_multi_list_gallery ul li .images {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
.home_multi_list_gallery ul li .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1;
}
.home_multi_list_gallery ul li .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 240px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list_gallery ul li .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 24% 5% 0;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 2;
}
.home_multi_list_gallery ul li:hover .bg_black {
    display: block;
}
.home_multi_list_gallery ul li .vdo_title {
    display: none;
    float: left;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 100%;
    z-index: 1;
}
.home_multi_list_gallery ul li .vdo_title a {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#head #nav_top {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 98%;
}
#head #nav_top span.ar {
    color: #fff;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#head_mark {
    background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head_mark #nav_tops {
    height: 100px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 662px;
}
#head_mark #nav_tops .web_logo {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0.6% 0 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
#head_mark #nav_tops .web_activity {
    float: right;
    margin: 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 417px;
}
#nav_top .web_activity {
    float: right;
    height: 71px;
    margin: 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 411px;
}
.web_activity .search_fanpage {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 8px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 8px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage .home_search {
    background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font-size: 100%;
    height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
    border: medium none;
    float: left;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 20px;
    height: auto;
    line-height: 35px;
    margin: 0 0 0 10px;
    outline: 0 none;
    padding: 0;
    text-align: left;
    width: 156px;
}
.web_activity .search_fanpage .home_search span {
    background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30px;
}
.web_activity .home_system {
    color: #666;
    float: left;
    font-family: "kwamsookregular";
    font-size: 82%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .home_system .home_display {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display span {
    float: left;
    font-size: 14px;
    line-height: 60px;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul {
    float: left;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
    float: left;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
    color: #999999;
    float: left;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
    background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
    background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
    background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a.active {
    background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_login {
    float: right;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_login {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login span.border_login {
    float: right;
    font-size: 100%;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login a.btn_register {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.w2bslikebox {
    cursor: pointer;
    display: block;
    float: right;
    height: 168px;
    padding: 0;
    position: fixed;
    right: -103px;
    top: 20%;
    width: 111px;
    z-index: 999999999;
}
#nav_menu {
    background: none repeat scroll 0 0 #2da888;
    float: left;
    height: auto;
    margin: 0;
    padding: 0 0 0 53px;
    width: 100%;
}
#nav_menu ul {
    margin: auto;
    padding: 0;
    width: 100%;
}
#nav_menu ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
#nav_menu ul li a.one {
    background: url("/images/nav_menu.png") no-repeat scroll -21px 0 rgba(0, 0, 0, 0);
    height: auto;
    margin-left: 0;
    width: auto;
}
#nav_menu ul li a.two {
    background: url("/images/nav_menu.png") no-repeat scroll -110px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.three {
    background: url("/images/nav_menu.png") no-repeat scroll -235px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.four {
    background: url("/images/nav_menu.png") no-repeat scroll -356px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.five {
    background: url("/images/nav_menu.png") no-repeat scroll -521px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.six {
    background: url("/images/nav_menu.png") no-repeat scroll -624px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.seven {
    background: url("/images/nav_menu.png") no-repeat scroll -780px 0 rgba(0, 0, 0, 0);
    height: auto;
    width: auto;
}
#nav_menu ul li a.eight {
    background: url("/images/nav_menu.png") no-repeat scroll -879px 0 rgba(0, 0, 0, 0);
    height: auto;
    margin-right: 0;
    width: auto;
}
#nav_menu ul li a {
    color: #fff;
    float: left;
    font-family: "kwamsookregular";
    font-size: 80%;
    line-height: 39px;
    margin: 0 7px;
    outline: medium none;
    overflow: hidden;
    padding: 26px 0 0;
    text-align: center;
    text-decoration: none;
}
#nav_menu ul li.act {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
    background: none repeat scroll 0 0 #ff6600;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    float: left;
    height: 3px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.nav_sub4 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 65px;
    width: 135px;
    z-index: 0;
}
.nav_sub4 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 0 #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
.nav_sub5 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 105px;
    width: 135px;
    z-index: 0;
}
.nav_sub5 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 -39px #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
.nav_sub6 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 145px;
    width: 168px;
    z-index: 0;
}
.nav_sub6 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 -78px #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_map {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px dotted #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_sitemap {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px solid #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_map #blog_contact {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 750px;
}
#blog_contact .circle_big {
    height: 150px;
    margin: 25px auto;
    overflow: hidden;
    padding: 0;
    width: 444px;
}
#blog_contact .circle_big a.circle_1 {
    background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2 {
    background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3 {
    background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
    background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a {
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 88%;
    text-align: center;
    text-decoration: none;
}
#blog_contact .contact_text {
    float: left;
    height: 176px;
    margin: 25px 0 0 50px;
    overflow: hidden;
    padding: 0;
    width: 326px;
}
#blog_contact .contact_text .three_people {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#blog_contact .contact_text h3 {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
    text-align: center;
    width: 84%;
}
#blog_contact .contact_text .function_fanpages {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.function_fanpages .home_footer_fb {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin-left: 100px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_tw {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin: 0 10px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_yt {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_fb:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
    float: right;
    margin: 0 100px 0 0;
    overflow: hidden;
    padding: 0;
    width: 230px;
}
#footer_sitemap #blog_showmenu {
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 450px;
}
#footer_sitemap #blog_showmenu ul {
    float: left;
    height: 260px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
    color: #fff;
    float: left;
    font-family: "kwamsooklight";
    font-size: 106%;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
    color: #ebebe7;
    float: left;
    font-family: "kwamsookregular";
    font-size: 86%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
    float: left;
    margin: 0 0 0 8px;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
    color: #ebebe7;
    text-decoration: none;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer #footer_verified .blog_showver {
    margin: auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 88%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 40%;
}
#footer #footer_verified .blog_showver .blog_showver_right {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 41%;
}
#footer #footer_verified .blog_showver a.footer_site {
    border-right: 1px solid #9d9c9b;
    float: left;
    margin: 8px 14px 0 0;
    overflow: hidden;
    padding: 0 14px 0 0;
    width: auto;
}
#footer #footer_verified .blog_showver a.footer_selectsite {
    float: left;
    margin: 8px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
    float: left;
    height: 17px;
    margin: 4px 0 0 8px;
    width: 14px;
}
#footer #footer_verified .blog_showver a.footer_wai-aa {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver span.footer_thai {
    color: #fff;
    display: none;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 30px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a.footer_xhtml {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a.footer_by-nc-sa {
    float: left;
    margin: 9px 10px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a {
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
}
.stepcarousel {
    position: relative;
}
.stepcarousel .clip_history_show_all {
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarousel .clip_history_relate_detail {
    float: left;
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.stepcarousel .gallery_show_alls {
    height: 110px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarousel .gallery_detail {
    float: left;
    height: auto;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.stepcarousel .gallery_detail table {
    float: left;
    width: 100%;
}
.w_gallery_blog_link {
    margin: 1px auto auto;
    overflow: hidden;
    padding: 0;
    width: 652px;
}
#w_gallery_all_link {
    float: left;
    height: 105px;
    margin: 5px auto;
    overflow: hidden;
    padding: 0;
    width: 658px;
}
#arrow_w_gallery_blog_link {
    margin: auto;
    padding: 0;
    position: relative;
    width: 658px;
}
.arrowlink_r {
    background: url("/images/arrow-r.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 83px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 45px;
    width: 32px;
    z-index: 3;
}
.arrowlink_l {
    background: url("/images/arrow-l.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 83px;
    left: 0;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 45px;
    width: 32px;
    z-index: 3;
}
.home_more_books {
    background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    height: 34px;
    left: 318px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.home_morelink {
    color: #fff;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.stepcarouselx {
    position: relative;
}
.stepcarouselx .clip_history_show_all {
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarouselx .clip_history_relate_detail {
    float: left;
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 163px;
}
.stepcarouselx .gallery_show_all {
    height: 174px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarouselx .gallery_detail {
    float: left;
    height: auto;
    margin: 0 18px;
    overflow: hidden;
    padding: 0;
    width: 124px;
}
.w_gallery_blog {
    margin: 1px auto auto;
    overflow: hidden;
    padding: 0;
    width: 585px;
}
#w_gallery_all {
    float: left;
    height: 174px;
    margin: 10px auto;
    overflow: hidden;
    padding: 0;
    width: 590px;
}
#arrow_w_gallery_blog {
    margin: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 590px;
}
.arrow_r {
    background: url("/images/home_arrow_books.png") no-repeat scroll -71px 0 rgba(0, 0, 0, 0);
    height: 34px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 284px;
    text-indent: -9999px;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.arrow_l {
    background: url("/images/home_arrow_books.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 285px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.home_more_books {
    background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    height: 34px;
    left: 318px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 34px;
    z-index: 3;
}
#content_right_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}
.hits_images {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.hits_descrition {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 68%;
}
.link_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.title_hits {
    color: #333333;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.des_hits {
    color: #666666;
    float: left;
    font-size: 90%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.show-phone {
    display: block;
}
.not-phone {
    display: block;
}
.disw999 {
    display: none;
}
.enw999 {
    display: block;
}
}
@media screen and (min-width: 900px) {
#wapper {
    height: auto;
    margin: auto auto 34px;
    padding: 0;
    width: 1003px;
}
#intro_home {
    background: none repeat scroll 0 0 #04a3b0;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.intro_home_first {
    background: none repeat scroll 0 0 #ffc;
    display: block;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro_home_none {
    background: none repeat scroll 0 0 #fff;
    display: none;
    float: left;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro_home_none .link_to {
    float: left;
    text-decoration: none;
    width: 100%;
}
.follow_head {
    margin: auto;
    max-width: 1000px;
    position: relative;
}
.home_btn_intro_case {
    background: url("/images/tops_pinintro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 38px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 25px;
    z-index: 1;
}
.home_btn_intro_show {
    background: url("/images/tops_pinintro.png") no-repeat scroll 0 -38px rgba(0, 0, 0, 0);
    height: 38px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 25px;
    z-index: 1;
}
#wapper #home_content {
    float: left;
    margin: 0 0 17px;
    padding: 0;
    position: relative;
    width: 100%;
}
#home_content #home_content_left {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 672px;
}
#home_content #home_content_right {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    width: 320px;
}
#home_content_left #home_associate {
    float: left;
    height: 520px;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_multimedia {
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 15px;
    height: auto;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_left #home_books {
    float: left;
    height: 316px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .title_books {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .title_books h3 {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -74px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
#home_books .title_books a.home_more_books {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
#home_books .home_listbooks {
    background: url("/images/home_bg_book.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 273px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .home_listbooks .home_book_nav {
    float: left;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.home_book_nav h3.title_books {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    width: 50%;
}
.home_book_nav a.home_morelink {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_book_nav a.home_morelink_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    padding: 2px 8px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 3;
}
#home_books .home_listbooks ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_books .home_listbooks ul li {
    float: left;
    height: 174px;
    margin: 0 13px;
    overflow: hidden;
    padding: 0;
    width: 124px;
}
#home_multimedia .home_multi_head {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#home_multimedia .home_multi_head ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_head ul li.ones {
    background: none repeat scroll 0 0 #ededed;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 8px 16px;
    width: 30%;
}
#home_multimedia .home_multi_head ul li.twos {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 8px 16px;
    width: 30%;
}
#home_multimedia .home_multi_head ul li.ones h3.one {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21%;
    width: 66%;
}
#home_multimedia .home_multi_head ul li.twos h3.two {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 21%;
    width: 66%;
}
#home_multimedia .home_multi_head ul li a {
    color: #336666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 10%;
}
#home_multimedia .home_multi_show {
    background: none repeat scroll 0 0 #ededed;
    border: 1px solid #d9d9d9;
    float: left;
    height: auto;
    margin: -1px 0 0;
    overflow: hidden;
    padding: 17px 19px;
    width: 94.1%;
}
#home_multimedia .home_multi_show .home_multi_list {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_show .home_multi_list_gallery {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_multimedia .home_multi_show #home_casegallery {
    display: none;
}
.home_multi_list .home_vdo1 {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 250px;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
.home_multi_list .home_vdo1 .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list .home_vdo1 .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 240px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list .home_vdo1 .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 40% 5% 0;
    position: relative;
    text-align: center;
    width: 83%;
    z-index: 2;
}
.home_multi_list .home_vdo1:hover .bg_black {
    display: block;
}
.home_multi_list ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 48%;
}
.home_multi_list ul li {
    float: left;
    margin: 0 0 4%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 50%;
}
.home_multi_list ul li .images {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 119px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.home_multi_list ul li .images .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .images .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 240px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .images .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 30px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 44% 5% 0;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 2;
}
.home_multi_list ul li .images:hover .bg_black {
    display: block;
}
.home_multi_list ul li .vdo_title {
    display: none;
    float: left;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 100%;
    z-index: 1;
}
.home_multi_list ul li .vdo_title a {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
.home_multi_list_gallery ul {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 102%;
}
.home_multi_list_gallery ul li {
    float: left;
    margin: 0 0 3%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 33.3%;
}
.home_multi_list_gallery ul li .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1;
}
.home_multi_list_gallery ul li .home_hover_vdo {
    background: none repeat scroll 0 0 #84bdaa;
    height: 240px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.home_multi_list_gallery ul li .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 24% 5% 0;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 2;
}
.home_multi_list_gallery ul li:hover .bg_black {
    display: block;
}
.home_multi_list_gallery ul li .images {
    float: left;
    height: 135px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
.home_multi_list_gallery ul li .vdo_title {
    display: none;
    float: left;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 100%;
    z-index: 1;
}
.home_multi_list_gallery ul li .vdo_title a {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#home_multimedia .home_content_left #home_books {
    background: none repeat scroll 0 0 #f0c;
    float: left;
    height: 316px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#home_content_right #bannerA1 {
    box-shadow: 0 0 5px #e0e0e0;
    float: left;
    height: auto;
    margin: 0 0 10px;
    padding: 0 5px 5px;
    width: 97%;
}
#home_content_right #blog_writer {
    box-shadow: 0 0 5px #e0e0e0;
    float: left;
    height: auto;
    margin: 0 0 17px;
    overflow: hidden;
    padding: 0 5px;
    width: 97%;
}
#home_content_right #blog_calendar {
    box-shadow: 0 0 5px #e0e0e0;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    width: 97%;
}
#home_content_right #blog_rating {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .images {
    float: left;
    margin: 0 2% 0 0;
    overflow: hidden;
    padding: 0;
    width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
    color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
    color: #666;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
    background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 25px;
}
#blog_calendar #calen_show {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#blog_calendar #calen_show p {
    background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
    color: #01936e;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: 50%;
}
.home_calendarmore {
    background: none repeat scroll 0 0 #cccccc;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_bg {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 7px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_bg_text {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 7px 0;
    text-align: center;
    width: auto;
}
.home_calendarmore_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: auto;
}
.home_calendarmore_bg_text_inner {
    color: #fff;
    float: right;
    font-size: 18px;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 7px 0;
    text-align: center;
    width: auto;
}
.home_calendarmore_text_inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 7px 8px;
    text-align: center;
    width: auto;
}
#blog_news #blog_right #calen_show p span {
    background: url("/images/bullet_home.png") no-repeat scroll -177px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 5px 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 18px;
}
#wapper #home_link {
    float: left;
    height: 148px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1003px;
}
#wapper #home_link2 {
    float: left;
    height: 148px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1003px;
}
#head_mark {
    background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#head_mark #nav_tops {
    height: 100px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 1000px;
}
#nav_tops .web_activity {
    float: right;
    height: 71px;
    margin: 19px 0 0;
    padding: 0;
    width: 75%;
}
.web_activity .search_fanpage {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 7px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 8px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 7px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 6px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
    background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
    float: right;
    height: 32px;
    margin: 0 8px 0 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 33px;
}
.web_activity .search_fanpage .home_search {
    background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 33px;
    margin: 0 7px 0 0;
    overflow: hidden;
    padding: 0;
    width: 204px;
}
.web_activity .search_fanpage .home_search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 20px;
    height: 26px;
    line-height: 35px;
    margin: 3px 0 0 14px;
    outline: 0 none;
    text-align: left;
    width: 156px;
}
.web_activity .search_fanpage .home_search span {
    background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 30px;
}
.web_activity .home_system {
    color: #666;
    float: right;
    font-family: "kwamsookregular";
    font-size: 82%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.web_activity .home_system .home_display {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display span {
    float: left;
    font-size: 14px;
    line-height: 60px;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul {
    float: left;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
    float: left;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
    color: #999999;
    float: left;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
    background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
    background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
    background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
    background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}
.web_activity .home_system .home_login {
    float: right;
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login .btn_login {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login span.border_login {
    float: right;
    font-size: 100%;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.web_activity .home_system .home_login .btn_register {
    color: #666;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login .btn_logout {
    color: #f30;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login .btn_profile {
    color: #01936e;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.web_activity .home_system .home_login .btn_logout_border {
    float: right;
    text-align: center;
    width: 11px;
}
.w2bslikebox {
    cursor: pointer;
    display: block;
    float: right;
    height: 168px;
    padding: 0;
    position: fixed;
    right: -103px;
    top: 20%;
    width: 111px;
    z-index: 999999999;
}
#nav_menu {
    background: none repeat scroll 0 0 #2da888;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
#nav_menu #nav_menu_sub {
    margin: auto;
    padding: 0;
    width: 1003px;
}
#nav_menu #nav_menu_sub ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#nav_menu #nav_menu_sub ul li {
    margin: 0;
    padding: 0;
    width: auto;
}
#nav_menu #nav_menu_sub ul li a.one {
    background: url("/images/nav_menu.png") no-repeat scroll -1px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 91px;
}
#nav_menu #nav_menu_sub ul li a.two {
    background: url("/images/nav_menu.png") no-repeat scroll -92px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 116px;
}
#nav_menu #nav_menu_sub ul li a.three {
    background: url("/images/nav_menu.png") no-repeat scroll -208px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 121px;
}
#nav_menu #nav_menu_sub ul li a.four {
    background: url("/images/nav_menu.png") no-repeat scroll -329px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 159px;
}
#nav_menu #nav_menu_sub ul li a.five {
    background: url("/images/nav_menu.png") no-repeat scroll -488px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 114px;
}
#nav_menu #nav_menu_sub ul li a.six {
    background: url("/images/nav_menu.png") no-repeat scroll -602px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 153px;
}
#nav_menu #nav_menu_sub ul li a.seven {
    background: url("/images/nav_menu.png") no-repeat scroll -755px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 106px;
}
#nav_menu #nav_menu_sub ul li a.eight {
    background: url("/images/nav_menu.png") no-repeat scroll -861px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 142px;
}
#nav_menu #nav_menu_sub ul li a {
    color: #fff;
    font-family: "kwamsookregular";
    font-size: 80%;
    line-height: 101px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
}
#nav_menu #nav_menu_sub ul li.act {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu #nav_menu_sub ul li:hover {
    background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
    background: none repeat scroll 0 0 #ff6600;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    float: left;
    height: 3px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.nav_sub1 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 57px;
    width: 135px;
    z-index: 0;
}
.nav_sub1 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 0 #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
.nav_sub2 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 98px;
    width: 135px;
    z-index: 0;
}
.nav_sub2 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 -39px #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
.nav_sub3 {
    background: none repeat scroll 0 0 #a1d7c9;
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 16px;
    left: -36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: 168px;
    z-index: 0;
}
.nav_sub3 span {
    background: url("/images/nav_sub.png") no-repeat scroll 0 -78px #fff;
    float: left;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 36px;
}
#footer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_border {
    background: none repeat scroll 0 0 #70bba7;
    float: left;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer #footer_map {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px dotted #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_map #blog_contact {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 1003px;
}
#blog_contact .circle_big {
    float: left;
    height: 150px;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 0;
    width: 444px;
}
#blog_contact .circle_big a.circle_1 {
    background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2 {
    background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3 {
    background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
    background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 50px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
    background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
    float: left;
    height: 28px;
    margin: 0 10px;
    overflow: hidden;
    padding: 100px 0 0;
    width: 89px;
}
#blog_contact .circle_big a {
    color: #fff;
    font-family: "kwamsooklight";
    font-size: 88%;
    text-align: center;
    text-decoration: none;
}
#blog_contact .contact_text {
    float: left;
    height: 176px;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 0;
    width: 326px;
}
#blog_contact .contact_text .three_people {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
#blog_contact .contact_text h3 {
    color: #fff;
    float: left;
    font-family: "kalatexaregular";
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
    text-align: center;
    width: 84%;
}
#blog_contact .contact_text .function_fanpages {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.function_fanpages .home_footer_fb {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin-left: 100px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_tw {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    margin: 0 10px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_yt {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    text-indent: -9999px;
    width: 33px;
}
.function_fanpages .home_footer_fb:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
    background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 230px;
}
#footer #footer_sitemap {
    background: none repeat scroll 0 0 #474644;
    border-bottom: 1px solid #8b8a88;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu {
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 1003px;
}
#footer_sitemap #blog_showmenu ul {
    float: left;
    margin: 0 16px 0 0;
    overflow: hidden;
    padding: 0;
    width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
    color: #fff;
    float: left;
    font-family: "kwamsooklight";
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
    color: #ebebe7;
    float: left;
    font-family: "kwamsookregular";
    font-size: 76%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
    float: left;
    margin: 0 0 0 8px;
    overflow: hidden;
    padding: 0;
    width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
    color: #ebebe7;
    text-decoration: none;
}
#footer #footer_verified {
    background: none repeat scroll 0 0 #474644;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0 15px;
    width: 100%;
}
#footer #footer_verified .blog_showver {
    margin: auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 1003px;
}
#footer #footer_verified .blog_showver .blog_showver_left {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 27%;
}
#footer #footer_verified .blog_showver .blog_showver_right {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 60%;
}
#footer #footer_verified .blog_showver .footer_site {
    border-right: 1px solid #9d9c9b;
    float: left;
    margin: 8px 14px 0 0;
    overflow: hidden;
    padding: 0 14px 0 0;
    width: auto;
}
#footer #footer_verified .blog_showver .footer_selectsite {
    float: left;
    margin: 8px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
    float: left;
    height: 17px;
    margin: 4px 0 0 8px;
    width: 14px;
}
#footer #footer_verified .blog_showver .footer_wai-aa {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver span.footer_thai {
    color: #fff;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 30px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .footer_xhtml {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver .footer_by-nc-sa {
    float: left;
    margin: 9px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#footer #footer_verified .blog_showver a {
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
}
.stepcarousel {
    position: relative;
}
.stepcarousel .clip_history_show_all {
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarousel .clip_history_relate_detail {
    float: left;
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.stepcarousel .gallery_show_alls {
    float: left;
    height: 105px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarousel .gallery_detail {
    float: left;
    height: 100px;
    margin: 15px 10px 0;
    overflow: hidden;
    padding: 0;
    width: 144px;
}
.stepcarousel .gallery_detail table {
    float: left;
    width: 100%;
}
.w_gallery_blog_link {
    margin: 1px auto auto;
    overflow: hidden;
    padding: 0;
    width: 933px;
}
#w_gallery_all_link {
    float: left;
    height: 105px;
    margin: 5px auto;
    overflow: hidden;
    padding: 0;
    width: 939px;
}
#arrow_w_gallery_blog_link {
    margin: auto;
    padding: 0;
    position: relative;
    width: 939px;
}
.arrowlink_r {
    background: url("/images/arrow-r.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 83px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: -28px;
    text-indent: -9999px;
    top: 45px;
    width: 32px;
    z-index: 3;
}
.arrowlink_l {
    background: url("/images/arrow-l.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 83px;
    left: -28px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 45px;
    width: 32px;
    z-index: 3;
}
.home_more_books {
    background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    height: 34px;
    left: 318px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.home_morelink {
    color: #fff;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.stepcarouselx {
    position: relative;
}
.stepcarouselx .clip_history_show_all {
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarouselx .clip_history_relate_detail {
    float: left;
    height: 150px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 163px;
}
.stepcarouselx .gallery_show_all {
    height: 174px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.stepcarouselx .gallery_detail {
    float: left;
    height: auto;
    margin: 0 18px;
    overflow: hidden;
    padding: 0;
    width: 124px;
}
.stepcarouselx .gallery_detail table {
    float: left;
    width: 100%;
}
.stepcarouselx .gallery_detail table .bg_black {
    display: none;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.stepcarouselx .gallery_detail table .home_hover_vdo {
    background: none repeat scroll 0 0 #222;
    height: 180px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.stepcarouselx .gallery_detail table .zoom {
    background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 88%;
    height: 35%;
    padding: 59% 5% 0;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 2;
}
.stepcarouselx .gallery_detail table:hover .bg_black {
    display: block;
}
.w_gallery_blog {
    margin: 1px auto auto;
    overflow: hidden;
    padding: 0;
    width: 585px;
}
#w_gallery_all {
    float: left;
    height: 174px;
    margin: 10px auto;
    overflow: hidden;
    padding: 0;
    width: 590px;
}
#arrow_w_gallery_blog {
    margin: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 580px;
}
.arrow_r {
    background: url("/images/home_arrow_books.png") no-repeat scroll -71px 0 rgba(0, 0, 0, 0);
    height: 34px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 284px;
    text-indent: -9999px;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.arrow_l {
    background: url("/images/home_arrow_books.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 284px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 6px;
    width: 34px;
    z-index: 3;
}
.home_more_books {
    background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    height: 34px;
    left: 318px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 34px;
    z-index: 3;
}
#content_right_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits {
    float: left;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#list_hits li {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}
.hits_images {
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: 30%;
}
.hits_descrition {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 68%;
}
.link_hits {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.title_hits {
    color: #333333;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.des_hits {
    color: #666666;
    float: left;
    font-size: 90%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.hits_calendar_date {
    background: url("/images/cat_sub_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #999;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 20px;
    width: 55%;
}
.hits_calendar_view {
    background: url("/images/cat_sub_bg_views.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #999;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 20px;
    width: 21%;
}
.show-phone {
    display: block;
}
.not-phone {
    display: block;
}
.disw1000 {
    display: none;
}
}
@media screen and (max-width: 479px) {
#nav_mobile_screen {
    background: none repeat scroll 0 0 #2da888;
    float: left;
    width: 100%;
}
#nav_mobile_screen .home_nav_mainmenu_top {
    height: 35px;
    margin: auto;
    padding: 0;
    position: relative;
    width: 80%;
}
}
@media screen and (min-width: 480px) and (max-width: 750px) {
#nav_mobile_screen {
    background: none repeat scroll 0 0 #2da888;
    display: none;
    float: left;
    width: 100%;
}
#nav_mobile_screen .home_nav_mainmenu_top {
    height: 35px;
    margin: auto;
    padding: 0;
    position: relative;
    width: 80%;
}
}
@media screen and (min-width: 751px) and (max-width: 999px) {
#nav_mobile_screen {
    background: none repeat scroll 0 0 #2da888;
    display: none;
    float: left;
    width: 100%;
}
}
@media screen and (min-width: 1000px) {
#nav_mobile_screen {
    background: none repeat scroll 0 0 #2da888;
    display: none;
    float: left;
    width: 100%;
}
}
</style>
<div id="home_rewrite_show" class="rewrite_bordershow">
<div class="spyWrapper" style="height: 510px;">
<ul class="spy">
<li style="height: 95px; opacity: 1; display: block;">
<div class="w_profile">
<div class="w_motion">
<div class="im">
<img width="130%" border="0" alt="" src="http://www.thaihealth.or.th/data/blog/topic/1591/cover/imgBlogCover_T_DT20140926130104.jpg">
</div>
<a class="bg_im" href="/blog/myblog/topic/502/Nattaya Nakbumrung/688/มดลูกผิดปกติ/1591/เลือดออกจากมดลูก/" target="_self" title="">
<img border="0" alt="กรณีศึกษาแพทย์วิถีธรรม หมอเขียว" src="/images/rewrite_motion.png">
</a>
</div>
<p>Nattaya Nakbumrung</p>
</div>
<div class="w_event">
<a class="w_event_msg" title="เลือดออกจากมดลูก" href="/blog/myblog/topic/502/Nattaya Nakbumrung/688/มดลูกผิดปกติ/1591/เลือดออกจากมดลูก/">เลือดออกจากมดลูก</a>
</div>
</li>
<li style="height: 95px; opacity: 1; display: block;">
<div class="w_profile">
<div class="w_motion">
<div class="im">
<img width="130%" border="0" alt="" src="/data/blog/topic/1545/cover/imgBlogCover_T_DT20140907171815.jpg">
</div>
<a class="bg_im" href="/blog/myblog/topic/498/Chaivute Girdchirn/673/หมู่บ้านความสุข/1545/องค์กรสื่ออิสระนักข่าวตัวจิ๋ว \"พลังนักข่าวตัวนุ้ย\" ที่บ้านไทรขึง/" target="_self" title="นักสืบความสุข">
<img border="0" alt="สุขซินโดรม" src="/images/rewrite_motion.png">
</a>
</div>
<p>นักสืบความสุข</p>
</div>
<div class="w_event">
<a class="w_event_msg" title="องค์กรสื่ออิสระนักข่าวตัวจิ๋ว "พลังนักข่าวตัวนุ้ย" ที่บ้านไทรขึง" href="/blog/myblog/topic/498/Chaivute Girdchirn/673/หมู่บ้านความสุข/1545/องค์กรสื่ออิสระนักข่าวตัวจิ๋ว \"พลังนักข่าวตัวนุ้ย\" ที่บ้านไทรขึง/">องค์กรสื่ออิสระนักข่าวตัวจิ๋ว "พลังนักข่าวตัวนุ้ย" ที่บ้านไทรขึง</a>
</div>
</li>

</ul>
</div>
</div>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-17 10:07:10 By : tangsupap
 


 

No. 4



โพสกระทู้ ( 535 )
บทความ ( 0 )



สถานะออฟไลน์


ลองศึกษาเอง ดูครับ มันทำไม่ยากเท่ทาไหร่หรอกใช้ jquey กับ css ไปเอาของฟรีมามันง่ายก็จริง แต่มันไม่ค่อยตรงกับที่เราอยากได้เท่าไหร่ บางทีก็มีปัญหาเรื่อง jquery ทับกันอีก ลองเขียน เองดูครับ สนุก ดี
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-17 12:04:57 By : gaowteen
 


 

No. 5



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



สถานะออฟไลน์


http://www.htmldrive.net/items/show/397/Vertical-Scrolling-news-Ticker-With-jQuery-jCarouse
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-17 14:03:32 By : arm8957
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ใครพอมี javascript css text slider สวยๆ ดีๆ มั่งครับผม
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่