/*--- reset css ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
/*blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }*/
table { border-collapse: collapse; border-spacing: 0; }
/*--- end reset css ---*/

@font-face { font-family: 'thai'; src:url('../font/thaisanslite_r1.ttf'),url('../font/thaisanslite_r1.eot'),url('../font/thaisanslite_r1.woff'); }

body { width:100%; overflow-x:hidden; background:#979381; }
#warpper { width:100%; margin:0 auto; position:relative; left:0; transition:1s; }
.clear { width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; overflow:hidden; clear:both; }
a { text-decoration:none; }
.th { font-family:'thai' !important; }
.th2 { font-family:'Tahoma' !important; }
#warpper.active { position:fixed; left:252px; transition:1s; }
#menumobile.active { transition:1s; width:250px !important; border-right:4px solid #FFFFFF; z-index:9999; }

/* menu mobile */
#menumobile { width:0; overflow:hidden; position:absolute; background:#979381; z-index:100; transition:1s; }
#menumobile ul { width:230px; margin:auto; padding:15px 0 0; }
#menumobile ul li a { width:230px; height:29px; border-bottom:1px solid #BBB9A9; display:block; font:bold 12px/29px 'Times New Roman'; color:#FFFFFF; }
#menumobile ul li a.active { color:#373213; }
#menumobile ul li a.sub { width:215px; padding:0 0 0 15px; background:url('../images_paragon/mobile/sub.jpg') no-repeat right top; }
#menumobile .lang { position:absolute; font:bold 12px/29px 'Times New Roman'; color:#FFFFFF; right:10px; top:15px; }
#menumobile .lang a { font:bold 12px/29px 'Times New Roman'; color:#FFFFFF; }
#menumobile .lang a.active { color:#373213; }

/* header */
#header { width:100%; height:100px; background:url('../images_paragon/bg_logo.gif') no-repeat left top #979381; border-bottom:1px solid #FFF; position:fixed; left:0; top:0; overflow:hidden; z-index:1000; }
#header a#thumb_menu { display:none; }
#header a#logo { width:160px; height:73px; display:block; background:url('../images_paragon/logo.png'); margin:12px 0 0 13px; float:left; }
#header .right { float:right; margin:2px 20px 0 0; position:relative; right:0; transition:1.5s; }
#header .right.hide { right:-1000px; transition:1.5s; }

#header .right .interest { float:right; width:150px; position:relative; display:none; }
#header .right .interest.active { display:block; }
#header .right .interest .lang { font:12px/22px 'Times New Roman'; color:#FFFFFF; position:absolute; right:0; top:5px; border-bottom:1px solid #BBB9A9; }
#header .right .interest .lang a { display:inline; font:12px/22px 'Times New Roman'; color:#FFFFFF; }
#header .right .interest .lang a:hover , #header .right .interest .lang a.active { color:#373213; transition:0.8s; }
#header .right .interest p { width:100px; border-bottom:1px solid #BBB9A9; display:block; font:12px/22px 'Times New Roman'; color:#373213; padding:5px 0 0; margin:0 0 2px 0; }
#header .right .interest p.in { font:11px/15px 'Times New Roman'; color:#FFFFFF; display:block; transition:0.8s; border:none; padding:0; margin:0;}
#header .right .interest .container { width:150px; height:60px; overflow:hidden; }
#header .right .interest a:hover { color:#373213; transition:0.8s; }

#header .right .main_menu { float:right; width:150px; position:relative; display:none; }
#header .right .main_menu.active { display:block; }
#header .right .main_menu p { width:100%; border-bottom:1px solid #BBB9A9; display:block; font:12px/22px 'Times New Roman'; color:#FFFFFF; padding:5px 0 0; margin:0 0 2px 0; cursor:pointer; transition:0.8s; }
#header .right .main_menu p:hover { color:#373213; transition:0.8s; }
#header .right .main_menu .lang { font:12px/22px 'Times New Roman'; color:#FFFFFF; position:absolute; z-index:10; right:0; top:5px; border-bottom:1px solid #BBB9A9; }
#header .right .main_menu .lang a { display:inline; font:12px/22px 'Times New Roman'; color:#FFFFFF; }
#header .right .main_menu .lang a:hover , #header .right .main_menu .lang a.active { color:#373213; transition:0.8s; }

#header .right #menubar { width:495px; float:right; display:none; }
#header .right #menubar.active { display:block; }
#header .right #menubar li { float:left; }
#header .right #menubar li a { width:140px; border-bottom:1px solid #BBB9A9; display:block; margin:0 25px 0 0; font:12px/22px 'Times New Roman'; color:#FFFFFF; padding:5px 0 0; transition:0.8s; }
#header .right #menubar li a:hover , #header .right #menubar li a.active { color:#373213; transition:0.8s; }

#header .right .submenu { width:495px; float:right; display:none; }
#header .right .submenu.active { display:block; }
#header .right .submenu li { float:left; }
#header .right .submenu li.first { width:470px; }
#header .right .submenu li p { width:100%; border-bottom:1px solid #555035; font:bold 12px/22px 'Times New Roman'; color:#373213; padding:5px 0 0; display:block; }
#header .right .submenu li a { width:140px; border-bottom:1px solid #BBB9A9; display:block; margin:0 25px 0 0; font:12px/22px 'Times New Roman'; color:#FFFFFF; padding:5px 0 0; transition:0.8s; }
#header .right .submenu li a:hover , #header .right .submenu li a.active { color:#373213; transition:0.8s; }

#header .right .submenu.m li { display:block; }
#header .right .submenu.m li p { color:#fff; }
#header .right .submenu.m li p span { cursor:pointer; }
#header .right .submenu.m li p span.active { color:#373213; }
#header .right .submenu.m li a.regis { position:absolute; top:0; left:239px; border:none; }
#header .right .submenu.m li.box1 .l { width:275px; float:left; }
#header .right .submenu.m li.box1 .input_text { width:258px; height:23px; padding:0 5px; background:none; border:1px solid #67624B; font:12px/23px 'Times New Roman'; color:#373214; margin:5px 0 0; }
#header .right .submenu.m li.box1 .input_submit { width:55px; height:55px; border:none; background:#67624B; text-align:center; font:12px/55px 'Times New Roman'; color:#DFDFD0; cursor:pointer; float:left; margin:5px 0 0; }
#header .right .submenu.m li.box2 { display:none; }
#header .right .submenu.m li.box2 p { font:12px/24px 'Times new Roman' !important; color:#373215 !important; border:none; }
#header .right .submenu.m li.box2 .input_text { width:258px; height:23px; padding:0 5px; background:none; border:1px solid #67624B; font:12px/23px 'Times New Roman'; color:#373214; }
#header .right .submenu.m li.box2 .input_submit { width:55px; height:25px; border:none; background:#67624B; text-align:center; font:12px/25px 'Times New Roman'; color:#DFDFD0; cursor:pointer; }

/* footer */
#footer { width:100%; min-width:970px; height:80px; background:url('../images_paragon/bg_footer.gif') repeat-x left top; position:relative; overflow:hidden; margin:1px 0 0; z-index:200; }
#footer .left { width:498px; height:40px; background:url('../images_paragon/bg_footer.png') no-repeat; padding:40px 0 0; }
#footer .left p { text-align:center; font:11px/13px 'Arial'; color:#8A8674; float:left; height:30px; border-right:1px solid #BBB9A9; margin:5px 10px 0 0; padding:0 10px; }
#footer .left a { height:30px; display:block; background:url('../images_paragon/link_footer.png'); float:left; margin:5px 0 0 0; transition:0.8s; }
#footer .left a:hover { transition:0.8s; }
#footer .left a.facebook { width:29px; background-position:0 0; }
#footer .left a.facebook:hover { background-position:0 -30px; }
#footer .left a.twitter { width:37px; background-position:-29px 0; }
#footer .left a.twitter:hover { background-position:-29px -30px; }
#footer .left a.instagram { width:36px; background-position:-66px 0; }
#footer .left a.instagram:hover { background-position:-66px -30px; }
#footer .left a.youtube { width:34px; background-position:-102px 0; }
#footer .left a.youtube:hover { background-position:-102px -30px; }

#footer .right { position:absolute; right:15px; top:0; }
#footer .right .sponsor { width:707px; height:30px; position:absolute; right:0; top:6px; }
#footer .right .sponsor a { height:29px; display:block; float:left; background:url('../images_paragon/sponsor.png?1'); transition:0.8s; }
#footer .right .sponsor a:hover { transition:0.8s; }
#footer .right .sponsor a.sp1 { width:82px; background-position:0 0; }
#footer .right .sponsor a.sp1:hover { background-position:0 -29px; }
#footer .right .sponsor a.sp2 { width:83px; background-position:-85px 0; }
#footer .right .sponsor a.sp2:hover { background-position:-85px -29px; }
#footer .right .sponsor a.sp3 { width:114px; background-position:-165px 0; }
#footer .right .sponsor a.sp3:hover { background-position:-165px -29px; }
#footer .right .sponsor a.sp4 { width:78px; background-position:-279px 0; }
#footer .right .sponsor a.sp4:hover { background-position:-279px -29px; }
#footer .right .sponsor a.sp5 { width:48px; background-position:-357px 0; }
#footer .right .sponsor a.sp5:hover { background-position:-357px -29px; }
#footer .right .sponsor a.sp6 { width:78px; background-position:-405px 0; }
#footer .right .sponsor a.sp6:hover { background-position:-405px -29px; }
#footer .right .sponsor a.sp7 { width:73px; background-position:-483px 0; }
#footer .right .sponsor a.sp7:hover { background-position:-483px -29px; }
#footer .right .sponsor a.sp8 { width:57px; background-position:-556px 0; }
#footer .right .sponsor a.sp8:hover { background-position:-556px -29px; }
#footer .right .sponsor a.sp9 { width:39px; background-position:-613px 0; }
#footer .right .sponsor a.sp9:hover { background-position:-613px -29px; }
#footer .right .sponsor a.sp10 { width:55px; background-position:-652px 0; }
#footer .right .sponsor a.sp10:hover { background-position:-652px -29px; }

#footer .right .menu { position:absolute; right:0; top:40px; width:425px; }
#footer .right .menu .menu_first { float:left; width:218px; }
#footer .right .menu .menu_first li { float:left; font:11px/40px 'Arial'; color:#FFFFFF; }
#footer .right .menu .menu_first li a { font:11px/40px 'Arial'; color:#FFFFFF; transition:0.8s; }
#footer .right .menu .menu_first li a:hover, #footer .right .menu .menu_first li a.active { color:#373213; transition:0.8s; }

#footer .right .menu .menu_first li.anniversary { position: relative; height: 28px; width: 20px; overflow: hidden; margin-top:6px; }
#footer .right .menu .menu_first li.anniversary > a { text-indent: -10000px; display: block; height: 56px; width: 20px; background: url('../images_paragon/10.png') center no-repeat; top: 0; position: absolute; top: -28px;
	-webkit-transition:top 1s; transition:top 1s;
}
#footer .right .menu .menu_first li.anniversary:hover > a, #footer .right .menu .menu_first li.anniversary > a.active { top:0; }

#footer .right .menu .menu_bottom { float:left; /*width:210px;*/ background:url('../images_paragon/bg_menu_bottom.gif') no-repeat left center; padding:0 0 0 7px; }
#footer .right .menu .menu_bottom a { font:12px/40px 'Times New Roman'; color:#FFFFFF; padding:0 0 0 15px; transition:0.8s; }
#footer .right .menu .menu_bottom a:hover , #footer .right .menu .menu_bottom a.active { color:#373213; transition:0.8s; }

/* page */
#content_page { width:100%; position:relative; margin:auto; margin-top:101px; overflow:hidden; background:url('../images_paragon/bg_home.jpg'); }

/* page home */
#page_home { height:836px; margin:auto; position:relative; overflow:hidden; }
#page_home .list { height:837px; position:relative; /*background: red;*/ }
#page_home .list .item { width:278px; height:278px; margin:0 1px 1px 0; overflow:hidden; cursor:pointer;  }
#page_home .list .item.big { width:557px; height:557px; }
#page_home .list .item.video { width:836px; height:557px; cursor:default; }
#page_home .list .item.video .sound { position:absolute; width:25px; height:25px; background:url('../images_paragon/sound.png') 0 -25px no-repeat; right:0; top:0; z-index:999; border:none; cursor:pointer; }
#page_home .list .item.video .sound.active { background-position:0 0; }
#page_home .list .item .bg { width:100%; height:100%; /*background:url('../images_paragon/bg_item.png') repeat;*/ position:absolute; z-index:1; opacity:1; transition:0.8s; }
#page_home .list .item img { width:100%; position:absolute; height:100%; transform: translateZ(0) scale(1.0, 1.0); }
#page_home .list .item .catagory { font:12px/34px 'Times New Roman'; color:#FFFFFF;  text-align:right; position:absolute; z-index:3; top:0; right:20px; }
#page_home .list .item .detail {  width:calc(100% - 20px); height:calc(100% - 34px); background:url('../images_paragon/bg_item_small.png') no-repeat; position:absolute; z-index:2; padding:34px 10px 0 10px; opacity:0; transition:0.8s; right:0; top:0; overflow:hidden; }
#page_home .list .item .detail .content { width:98%; margin:auto; border-top:1px solid #BBB9A9; }
#page_home .list .item .detail .content .date { font:bold 12px/12px 'Times New Roman'; color:#DFDFD0; padding:15px 0 10px 0;}
#page_home .list .item .detail .content .date.th { font:bold 20px/20px 'thai'; color:#DFDFD0; padding:20px 0 10px 0; } /* TH */
#page_home .list .item .detail .content .text_01 { font:20px/16px 'Times New Roman'; color:#FFFFFF; text-transform:uppercase; padding:0 0 12px 0; }
#page_home .list .item .detail .content .text_01.th { font:25px/16px 'thai'; color:#FFFFFF; text-transform:uppercase; padding:0 0 12px 0; } /* TH */
#page_home .list .item .detail .content .text_02 { font:12px/13px 'Arial'; color:#FFFFFF; padding:10px 0 0 0; display:none; }
#page_home .list .item .detail .content .text_02.th { font:16px/16px 'thai'; color:#FFFFFF; padding:10px 0 0 0; display:none; } /* TH */
#page_home .list .item .detail .content a.more { font:bold 12px/14px 'Times New Roman'; color:#DFDFD0; background:url('../images_paragon/more.png') no-repeat right center; padding:0 15px 0 0; }
#page_home .list .item .detail .content a.more2 { font:bold 12px/14px 'Times New Roman'; color:#DFDFD0; background:url('../images_paragon/more.png') no-repeat right center; padding:0 15px 0 0; display:none; }

#page_home .list .item.big .detail {  width:278px; height:100%; background:url('../images_paragon/bg-big.png') ; position:absolute; z-index:2; padding:34px 10px 0 10px; opacity:0; transition:0.8s; right:0; top:0; background-size:cover; }
#page_home .list .item.big .detail .content .text_02 { font:12px/13px 'Arial'; color:#FFFFFF; padding:0 0 12px 0; display:block; }
#page_home .list .item.big .detail .content .text_02.th { font:12px/13px 'Tahoma' !important; color:#FFFFFF; padding:0 0 12px 0; display:block; } /* TH */

#page_home .list .item.shortcut .detail { display:none; }
/*add by aof*/
#page_home .list .item.shortcut .detail.link { display:block; padding:0; width:100%; height:100%; background:none; }
#page_home .list .item.shortcut .detail.link .content.none { border:none; height:100%; }
#page_home .list .item.shortcut .detail.link .content.none a.link_out { display:block; width:100%; height:100%; background:none; padding:0;}

#page_home .list .item.hover .bg { opacity:0; transition:0.8s; }
#page_home .list .item.hover .detail { opacity:1; transition:0.8s; }

#page_home .prv_nxt { width:100%; position:absolute; top:46%; }
#page_home .prv_nxt a { transition:0.8s; }
#page_home .prv_nxt a:hover { transition:0.8s; opacity:0.65; }
#page_home .prv_nxt a.prv { width:32px; height:64px; display:block; background:url('../images_paragon/prev.png') no-repeat; position:absolute; z-index:100; left:10px; }
#page_home .prv_nxt a.nxt { width:32px; height:64px; display:block; background:url('../images_paragon/next.png') no-repeat; position:absolute; z-index:100; right:10px; }

#page_home_mobile { display:none; }

/* detail page */
.notclick { width:100%; height:100%; position:absolute; z-index:101; display:none; top:0; background:url('../images_paragon/notclick.png') repeat; }

#page_detail { width:0; height:776px; padding:30px 0; background:url("../images_paragon/detail/bg.png") no-repeat left top #8D8976; position:absolute; left:0; top:0; z-index:100; overflow:hidden; border-right:1px solid #FFF; }
#page_detail .content { width:1054px; height:737px; margin:auto; position:relative; }
#page_detail .content .close { width:15px; height:20px; background:url("../images_paragon/detail/close.jpg") no-repeat; cursor:pointer; position:absolute; right:0; top:0; }
#page_detail .content .head { width:100%; height:25px; border-bottom:1px solid #BBB9A9; margin:0 0 45px 0; }
#page_detail .content .head a { font:16px/25px 'Times New Roman'; color:#DFDFD0; display:block; float:left; text-decoration:none; }
#page_detail .content .head img { float:left; }
#page_detail .content .img { width:492px; height:492px; overflow:hidden; float:left; position:relative; }
#page_detail .content .img a { width:17px; height:32px; display:block; position:absolute; z-index:10; top:229px; }
#page_detail .content .img a.prv { background:url("../images_paragon/detail/prv.png") no-repeat; left:5px; }
#page_detail .content .img a.nxt { background:url("../images_paragon/detail/nxt.png") no-repeat; right:5px; }
#page_detail .content .img img { position:absolute; left:0; top:0; display:none; width:100%; }
#page_detail .content .right { width:530px; height:666px; overflow:hidden; float:right; transform: translateZ(0) scale(1.0, 1.0); }
#page_detail .content .right .system { width:500px; }
#page_detail .content .right .system .date { font:bold 16px/16px 'Times New Roman'; color:#DFDFD0; }
#page_detail .content .right .system .title { font:24px/23px 'Times New Roman'; color:#FFFFFF; display:block; margin:10px 0 20px 0; }
#page_detail .content .right .system .text { /*font:12px/13px 'Arial';*/ font:12px/13px 'Tahoma'; color:#FFFFFF; margin:0 0 20px 0; }
#page_detail .content .right .system .pdf { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/pdf.jpg") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_detail .content .right .system .pdf a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_detail .content .right .system .pdf a span { color:#373214; }
#page_detail .content .right .system .youtube { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/youtube.jpg") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_detail .content .right .system .youtube a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_detail .content .right .system .youtube a span { color:#373214; }
#page_detail .content .right .system .viewall { font:bold 12px/12px 'Times New Roman'; color:#373213; display:block; padding:24px 0 0; width:100%; border-top:1px solid #BBB9A9; text-decoration:none; }
#page_detail .content .right .system .viewall img { vertical-align:bottom; }
#page_detail .content .right .system .title.th { font:bold 34px/30px 'Thai'; }
#page_detail .content .right .system .text.th { font: 12px/15px 'Tahoma' !important; }
#page_detail .content .right .system .pdf.th { font:16px/16px 'Thai'; }
#page_detail .content .right .system .youtube.th { font:16px/16px 'Thai'; }
#page_detail .content .right .system .sharefb { min-height:32px; background:url("../images_paragon/detail/fb.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#FFFFFF; display:block; margin:0 25px 20px 0; float:left; }
#page_detail .content .right .system .sharefb a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }
#page_detail .content .right .system .sharett { min-height:32px; background:url("../images_paragon/detail/tt.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#FFFFFF; display:block; margin:0 0 20px 0; float:left; }
#page_detail .content .right .system .sharett a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }

/* page event calendar */
#page_event_calendar { min-height:836px; margin:auto; position:relative; background:#8D8976; margin-top:-5px; }
#page_event_calendar .col_left { margin:0 30px 0 30px; float:left; }
#page_event_calendar .col_left .custom-header { height:118px; margin:0; }
#page_event_calendar .col_left .custom-header .custom-month {  font:33px/118px 'Times New Roman'; color:#373213; text-transform:uppercase; padding:0 30px 0 40px; margin:0; text-align:left; float:left; }
#page_event_calendar .col_left .custom-header #month-year-cal { position: absolute; font:33px/118px 'Times New Roman'; padding:0 30px 0 40px; visibility: hidden; height: auto; width: auto; }
#page_event_calendar .col_left .custom-header .custom-prev { width:6px; height:14px; float:left; display:block; background:url('../images_paragon/event/prev.png') no-repeat; margin:22px 0 0; position:relative; }
#page_event_calendar .col_left .custom-header .custom-next { width:6px; height:14px; float:left; display:block; background:url('../images_paragon/event/next.png') no-repeat; margin:22px 0 0; position:relative; }
#page_event_calendar .col_left .list { width:100%; border-top:1px solid #BBB9A9; }
#page_event_calendar .col_left .list a.item { display:block; width:calc(100% - 15px); padding:15px 0 15px 15px; border-bottom:1px solid #BBB9A9; font:20px/20px 'Times New Roman'; color:#FFFFFF; transition:0.5s; background:url('../images_paragon/event/point.png') no-repeat left 19px; }
#page_event_calendar .col_left .list a.item.th { font:25px/22px 'Thai'; color:#FFFFFF; background:url('../images_paragon/event/point.png') no-repeat left 23px; }
#page_event_calendar .col_left .list a.item span { display:block; font:16px/20px 'Times New Roman'; color:#DFDFD0; }
#page_event_calendar .col_left .list a.item:hover { color:#373213; transition:0.5s; }
#page_event_calendar #cld { width:50%; float:right; position:relative; }
#page_event_calendar .mobile { display:none; }

#page_event_calendar .col_left .list a.item.mobile { display:none; }

/* page card */
#page_card { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_card .head_mobile { display:none; }
#page_card .item { width:342px; float:left; margin:30px; }
#page_card .item .img { width:340px; height:215px; overflow:hidden; border-radius:15px; border:1px solid #979381; }
#page_card .item .img img { width:100%; height:100%; }
#page_card .item .head { padding:20px 0; }
#page_card .item .head a.non { font:33px/34px 'Times New Roman'; color:#373213; background:none;}
#page_card .item .text { font:12px/14px 'Arial'; color:#373213; padding:0 0 24px 0; border-bottom:1px solid #BBB9A9; width:100%; margin:0 0 24px 0; height:60px; overflow:hidden; }
#page_card .item .text.th { font:18px/16px 'Thai'; }
#page_card .item a { font:12px/14px 'Times New Roman'; color:#979280; background:url('../images_paragon/card/bg_a.png') no-repeat right center; padding:0 10px 0 0; transition:0.8s; }
#page_card .item a:hover { color:#373213; transition:0.8s; }

/* detail page */
#page_detail_card { width:0; height:882px; padding:30px 0; background:url("../images_paragon/card/bg_detail.jpg") no-repeat left top #E6E6D9; position:absolute; left:0; top:0; z-index:100; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; }
#page_detail_card .content { width:1054px; height:737px; margin:auto; position:relative; }
#page_detail_card .content .close { width:15px; height:20px; background:url("../images_paragon/card/close.jpg") no-repeat; cursor:pointer; position:absolute; right:0; top:0; text-indent:-9999px; }
#page_detail_card .content .head_mobile { display:none; }
#page_detail_card .content .head { width:100%; height:25px; border-bottom:1px solid #373213; margin:0 0 45px 0; }
#page_detail_card .content .head a { font:16px/25px 'Times New Roman'; color:#373213; display:block; float:left; text-decoration:none; }
#page_detail_card .content .head img { float:left; }
#page_detail_card .content .img { width:480px; height:303px; border-radius:23px; border:1px solid #373213; overflow:hidden; float:left; position:relative; }
#page_detail_card .content .img img { position:absolute; left:0; top:0; width:100%; }
#page_detail_card .content .right { width:530px; height:666px; overflow:hidden; float:right; }
#page_detail_card .content .right .system { width:500px; }
#page_detail_card .content .right .system .title { font:24px/23px 'Times New Roman'; color:#373213; display:block; margin:10px 0 20px 0; border-bottom:1px solid #373213; padding:0 0 20px 0; }
#page_detail_card .content .right .system .title.th { font-family:'thai' }
#page_detail_card .content .right .system .title span { font:33px/28px 'Times New Roman'; display:block; }
#page_detail_card .content .right .system .text { font:12px/13px 'Arial'; color:#373213; margin:0 0 20px 0; }
#page_detail_card .content .right .system .text.th { font:18px/16px 'Thai'; }
#page_detail_card .content .right .system .pdf { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/pdf.jpg") no-repeat left top; font:14px/14px 'Arial'; color:#373214; margin:0 0 20px 0; }
#page_detail_card .content .right .system .pdf a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }
#page_detail_card .content .right .system .pdf a span { color:#373214; }
#page_detail_card .content .right .system .sharefb { min-height:32px; background:url("../images_paragon/detail/fb.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#373214; display:block; margin:0 25px 20px 0; float:left; }
#page_detail_card .content .right .system .sharefb a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }
#page_detail_card .content .right .system .sharett { min-height:32px; background:url("../images_paragon/detail/tt.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#373214; display:block; margin:0 0 20px 0; float:left; }
#page_detail_card .content .right .system .sharett a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }

/* page service */
#page_service { min-height:836px; position:relative; margin-left:1px; overflow:hidden; }
#page_service .left { width:1115px; min-height:816px; background:url('../images_paragon/service/bg.jpg') no-repeat left top #DFDFD0; padding:20px 0 0; }
#page_service .left .item { width:1055px; min-height:100px; background:#979381; margin:auto; margin-bottom:20px; position:relative; }
#page_service .left .item.image { background:#7F7B66; }
#page_service .left .item p.head { font:30px/26px 'Times New Roman'; color:#DFDFD0; padding:10px 0 15px 30px; }
#page_service .left .item p.head.th { font:40px/40px 'Thai'; }
#page_service .left .item .detail { width:550px; font:12px/13px 'Arial'; color:#FFFFFF; padding:0 0 10px 30px; }
#page_service .left .item .detail.th { font:18px/16px 'Thai'; color:#FFFFFF; }
#page_service .left .item .img { width:1005px; margin:10px 0 0 30px; padding:10px 0; border-top:1px solid #BBB9A9; }
#page_service .left .item .floor { position:absolute; right:20px; top:10px; }
#page_service .left .item .floor div { width:30px; height:30px; background:url('../images_paragon/service/bg_floor.jpg'); float:left; margin:0 0 0 5px; font:16px/30px 'Times New Roman'; color:#FFFFFF; text-align:center; }
#page_service .left .item a.download { position:absolute; right:20px; top:55px; font:12px/14px 'Times New Roman'; color:#DFDFD0; padding:0 13px 0 0; background:url('../images_paragon/service/arrow.png') no-repeat right center; }
#page_service .right { width:557px; height:836px; background:url('../images_paragon/service/bg_right.jpg') no-repeat; position:fixed; left:1116px; top:101px; }
#page_service .mobile_detail { display:none; }

/* page magazine */
#page_magazine { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_magazine .item { width:482px; height:200px; margin:30px; float:left; }
#page_magazine .item .img { width:144px; height:200px; float:left; position:relative; }
#page_magazine .item .img div { width:144px; height:200px; position:absolute; left:0; top:0; background:url('../images_paragon/magazine/bg.png') repeat; }
#page_magazine .item .right { width:318px; height:200px; float:right; }
#page_magazine .item .right .title { font:bold 33px/43px 'Times New Roman'; color:#373213; height:43px; overflow:hidden; }
#page_magazine .item .right p { font:12px/14px 'Arial'; color:#373213; height:90px; overflow:hidden; margin:13px 0 20px 0; border-bottom:1px solid #BBB9A9; }
#page_magazine .item .right a.readmore { font:bold 12px/18px 'Times New Roman'; color:#979381; text-transform:uppercase; background:url('../images_paragon/magazine/arrow.png') no-repeat right center; padding:0 15px 0 0; }


#page_magazine .item .right a.readmore2 { display: none; }


/* detail page magazine */
#page_magazine_detail { width:0; min-height:882px; height:auto; padding:30px 0; background:url("../images_paragon/magazine/bg_detail.jpg") no-repeat left top #E6E6D9; position:absolute; left:0; top:0; z-index:100; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; }
#page_magazine_detail .content { width:1054px; min-height:737px; margin:auto; position:relative; }
#page_magazine_detail .content .close { width:15px; height:20px; background:url("../images_paragon/magazine/close.jpg") no-repeat; cursor:pointer; position:absolute; right:0; top:0; }
#page_magazine_detail .content .head { width:100%; height:25px; border-bottom:1px solid #DFDFD0; margin:0 0 15px 0; }
#page_magazine_detail .content .head a { font:16px/25px 'Times New Roman'; color:#DFDFD0; display:block; float:left; text-decoration:none; }
#page_magazine_detail .content .head img { float:left; }
#page_magazine_detail .content .text p.date { font:bold 18px/26px 'Times New Roman'; color:#DFDFD0; }
#page_magazine_detail .content .text p.title { font:27px/35px 'Times New Roman'; color:#FFFFFF; }
#page_magazine_detail .content .text p.p { font:12px/13px 'Arial'; color:#FFFFFF; padding:0 0 10px 0; }
#page_magazine_detail .content .text .pdf { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/pdf.jpg") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:20px 0; }
#page_magazine_detail .content .text .pdf a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_magazine_detail .content .text .pdf a span { color:#373214; }
#page_magazine_detail .content .img { width:1054px; height:729px; position:relative;  overflow:hidden;}
#page_magazine_detail .content .img .item { width:527px; height:729px; float:left; position:relative; display:none; }
#page_magazine_detail .content .img .item a { width:47px; height:51px; display:block; background:url('../images_paragon/magazine/zoom.png') no-repeat; position:absolute; left:240px; top:340px; }
#page_magazine_detail .content .img a.nxt { width:17px; height:34px; display:block; background:url('../images_paragon/magazine/nxt.png') no-repeat; position:absolute; z-index:10; top:350px; right:10px; }
#page_magazine_detail .content .img a.prv { width:17px; height:34px; display:block; background:url('../images_paragon/magazine/prv.png') no-repeat; position:absolute; z-index:10; top:350px; left:10px; }
#page_magazine_detail .content .head_mobile { display:none; }
#page_magazine_detail .content .sharefb { min-height:32px; background:url("../images_paragon/detail/fb.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#fff; display:block; margin:0 25px 20px 0; float:left; }
#page_magazine_detail .content .sharefb a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }
#page_magazine_detail .content .sharett { min-height:32px; background:url("../images_paragon/detail/tt.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#fff; display:block; margin:0 0 20px 0; float:left; }
#page_magazine_detail .content .sharett a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }

/* page directory */
#page_directory { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_directory #map { width:788px; height:882px; float:left; background:#DFDFD0; }
#page_directory #map .z { width:707px; margin:auto; padding-top:30px; }
#page_directory #map .z .top { width:100%; height:25px; padding:7px 0; border-top:1px solid #A09D8D; border-bottom:1px solid #A09D8D; margin:0 0 29px 0; }
#page_directory #map .z .top .left { width:195px; height:25px; background:url('../images_paragon/directory/down.jpg') no-repeat right top; font:16px/25px 'Times New Roman'; color:#373213; cursor:pointer; position:relative; float:left; }
#page_directory #map .z .top .left .sub { width:195px; height:25px; display:block; position:absolute; left:0; top:25px; background:#DFDFD0; display:none; z-index:100; }
#page_directory #map .z .top .left .sub a { font:16px/25px 'Times New Roman'; color:#373213; width:195px; display:block; border-bottom:1px solid #A09D8D; background:none repeat scroll 0 0 #DFDFD0; }
#page_directory #map .z .top .left .sub a.active { background:#979381; }
#page_directory #map .z .top .right { width:420px; height:25px; background:#979381; float:right; }
#page_directory #map .z .top .right .text_input { width:379px; height:25px; border:none; background:none; padding:0 5px; font:12px/25px 'Times New Roman'; color:#373214; float:left; }
#page_directory #map .z .top .right .submit_input { width:31px; height:25px; background:url('../images_paragon/directory/bt_submit.jpg') no-repeat; border:none; float:left; cursor:pointer; }
#page_directory #map .z .mapp { /*width:707px;*/ height:693px; position:relative; width:566px; margin:auto; }
#page_directory #map .z .mapp img.a { position:Absolute;  top:0; } /*left:60px;*/
#page_directory #map .z .mapp .point { position:absolute; z-index:10; left:245px; top:195px; width:40px; height:40px; border-radius:50%;  } /*width:39px; height:27px; */
#page_directory #map .z .mapp .point .hover { padding:4px; background:#E6E6D9; border:1px solid #FFF; position:absolute; left:50%; top:50%; min-width:150px; box-shadow:1px 1px 3px #000; display:none; }
#page_directory #map .z .mapp .point .hover .img { width:40px; height:40px; float:left; overflow:hidden; margin:0 5px 0 0; }
#page_directory #map .z .mapp .point .hover .t { min-width:91px; float:left; max-width:300px; font:12px/15px 'Arial'; color:#373213; }
#page_directory #map .z .mapp .point .hover .t span { display:block; width:100%; border-bottom:1px solid #BBB9A9; font:15px/18px 'Times New Roman'; color:#373213; margin:0 0 3px 0; }

#page_directory .main { min-height:806px; float:left; background:url('../images_paragon/directory/bg.png') no-repeat left top; padding:0 30px 0 50px; }
#page_directory .main .name_floor { font:bold 33px/33px 'Times New Roman'; color:#373213; padding:30px 0 44px 0; }
#page_directory .main .text { font:12px/14px 'Arial'; color:#373213; padding:0 0 15px 0; }
#page_directory .main .text.th { font:18px/16px 'thai'; }
#page_directory .main p.service { font:17px/26px 'Times New Roman'; color:#373213; width:100%; border-bottom:1px solid #BBB9A9; }
#page_directory .main .item { padding:10px 0 40px 0; }
#page_directory .main .item p { font:12px/14px 'Times New Roman'; color:#373213; padding:0 14px 0 19px; background:url('../images_paragon/directory/bg_p.jpg') no-repeat left center; float:left; }
#page_directory .main .img a { width:130px; height:130px; display:block; float:left; margin:3px; }

#page_directory .select_floor { float:right; width:99px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
#page_directory .select_floor a { width:60px; height:60px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; margin-bottom:10px; font:26px/60px 'Times New Roman'; color:#FFFFFF; text-align:center; transition:0.5s; }
#page_directory .select_floor a:hover , #page_directory .select_floor a.active { transition:0.5s; color:#373213; }
#page_directory_mobile { display:none; }

#page_directory #map .z .shoplist { width:707px; }
#page_directory #map .z .shoplist .h { font:17px/17px 'Times News Roman'; color:#373213; width:100%; border-bottom:1px solid #BBB9A9; padding:0 0 5px 0; margin:0 0 4px 0; }
#page_directory #map .z .shoplist a { font:12px/24px 'Arial'; color:#373213; width:calc(100% - 5px); display:block; height:24px; transition:0.5s; padding:0 0 0 5px; }
#page_directory #map .z .shoplist a:hover { background:#D1D0C0; font-weight:bold; }

#page_directory_detail { width:0; height:822px; padding:30px 0; background:url("../images_paragon/detail/bg.png") no-repeat left top #8D8976; position:absolute; left:0; top:0; z-index:100; overflow:hidden; border-right:1px solid #FFF; }
#page_directory_detail .content { width:1054px; height:737px; margin:auto; position:relative; }
#page_directory_detail .content .close { width:15px; height:20px; background:url("../images_paragon/detail/close.jpg") no-repeat; cursor:pointer; position:absolute; right:0; top:0; }
#page_directory_detail .content .head { width:100%; height:25px; border-bottom:1px solid #BBB9A9; margin:0 0 45px 0; }
#page_directory_detail .content .head a { font:16px/25px 'Times New Roman'; color:#DFDFD0; display:block; float:left; text-decoration:none; }
#page_directory_detail .content .head img { float:left; }
#page_directory_detail .content .img { width:492px; height:492px; overflow:hidden; float:left; position:relative; }
#page_directory_detail .content .img a { width:17px; height:32px; display:block; position:absolute; z-index:10; top:145px; }
#page_directory_detail .content .img a.prv { background:url("../images_paragon/detail/prv.png") no-repeat; left:5px; }
#page_directory_detail .content .img a.nxt { background:url("../images_paragon/detail/nxt.png") no-repeat; right:5px; }
#page_directory_detail .content .img img { position:absolute; left:0; top:0; display:none; width:100%; }
#page_directory_detail .content .right { width:530px; height:666px; overflow:hidden; float:right; }
#page_directory_detail .content .right .system { width:500px; }
#page_directory_detail .content .right .system .date { font:bold 16px/16px 'Times New Roman'; color:#DFDFD0; }
#page_directory_detail .content .right .system .title { font:24px/23px 'Times New Roman'; color:#FFFFFF; display:block; margin:10px 0 20px 0; }
#page_directory_detail .content .right .system .text { font:12px/13px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_directory_detail .content .right .system .pdf { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/pdf.png") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_directory_detail .content .right .system .pdf a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_directory_detail .content .right .system .pdf a span { color:#373214; }
#page_directory_detail .content .right .system .youtube { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/youtube.png") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_directory_detail .content .right .system .youtube a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_directory_detail .content .right .system .youtube a span { color:#373214; }
#page_directory_detail .content .right .system .viewall { font:bold 12px/12px 'Times New Roman'; color:#373213; display:block; padding:24px 0 0; width:100%; border-top:1px solid #BBB9A9; text-decoration:none; }
#page_directory_detail .content .right .system .viewall img { vertical-align:bottom; }
#page_directory_detail .content .right .system .head_title { width:100%; height:36px; background:url('../images_paragon/detail/bg_title.png') no-repeat left top; font:16px/36px 'Times New Roman'; color:#FFFFFF; margin:0 0 20px 0; }
#page_directory_detail .content .right .system .read { padding:0 0 0 42px; min-height:32px; background:url("../images_paragon/detail/bg_read.png") no-repeat left top; font:14px/14px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; position:relative; }
#page_directory_detail .content .right .system .read a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_directory_detail .content .right .system .read a span { color:#373214; }
#page_directory_detail .content .right .system .read .number { width:32px; height:32px; position:Absolute; font:20px/32px 'Times New Roman'; color:#373215; text-align:center; left:0; top:0; }
#page_directory_detail .content .right .system .title.th { font:24px/24px 'Thai'; }
#page_directory_detail .content .right .system .text.th { font:18px/16px 'Thai'; }
#page_directory_detail .content .right .system .pdf.th { font:16px/16px 'Thai'; }
#page_directory_detail .content .right .system .youtube.th { font:16px/16px 'Thai'; }
#page_directory_detail .content .right .system .sharefb { min-height:32px; background:url("../images_paragon/detail/fb.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#FFFFFF; display:block; margin:0 25px 20px 0; float:left; }
#page_directory_detail .content .right .system .sharefb a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }
#page_directory_detail .content .right .system .sharett { min-height:32px; background:url("../images_paragon/detail/tt.png") no-repeat left top; padding:0 0 0 42px; font:14px/14px 'Arial'; color:#FFFFFF; display:block; margin:0 0 20px 0; float:left; }
#page_directory_detail .content .right .system .sharett a { font:11px/16px 'Arial'; color:#373214; text-decoration:none; }


/* page directory search */
#page_directory_search { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_directory_search #box_search { width:543px; min-height:882px; background:#E6E6D9; float:left; padding:0 0 0 30px; }
#page_directory_search #box_search .p { font:33px/60px 'Times New Roman'; color:#373213; }
#page_directory_search #box_search .box { width:420px; background:#979381; }
#page_directory_search #box_search .box .text_input { width:379px; height:25px; border:none; background:none; padding:0 5px; font:12px/25px 'Times New Roman'; color:#373214; float:left; }
#page_directory_search #box_search .box .submit_input { width:31px; height:25px; background:url('../images_paragon/directory/bt_submit.jpg') no-repeat; border:none; float:left; cursor:pointer; }

#page_directory_search .result { min-height:882px; float:left; background:url('../images_paragon/directory/bg_02.jpg') no-repeat left top #DCDCCB; }
#page_directory_search .result a.close { width:15px; height:20px; display:block; background:url('../images_paragon/directory/close.png') no-repeat; float:right; margin:30px 4% 3px 0; }
#page_directory_search .result .line { width:92%; height:1px; background:#BBB9A9; margin:0 0 30px 4%; }
#page_directory_search .result .s { text-transform:uppercase; font:17px/30px 'Times New Roman'; color:#373213; padding:0 0 0 4%; }
#page_directory_search .result .s span { color:#8C0000; }
#page_directory_search .result .list { width:100%; }
#page_directory_search .result .list li a { width:40%; margin:0 4%; padding:0 1%; display:block; float:left; height:24px; font:12px/24px 'Arial'; color:#373213;  position:relative;}
#page_directory_search .result .list li a:hover { background:#D1D0C0; font-weight:bold; }
#page_directory_search .result .list li a span { position:absolute; right:1%; }
#page_directory_search .result .list li a.first { border-top:1px solid #BBB9A9; }

#page_directory_search .select_floor { float:right; width:99px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
#page_directory_search .select_floor a { width:60px; height:60px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; margin-bottom:10px; font:26px/60px 'Times New Roman'; color:#FFFFFF; text-align:center; transition:0.5s; }
#page_directory_search .select_floor a:hover , #page_directory_search .select_floor a.active { transition:0.5s; color:#373213; }

/* page directory shop list */
#page_directory_shoplist { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_directory_shoplist .main { width:calc(60% - 160px); min-height:852px; float:left; padding:30px 30px 0 30px; }
#page_directory_shoplist .main .head { width:calc(100% - 10px); height:36px; background:url('../images_paragon/shoplist/head.png') no-repeat left top; font:16px/36px 'Times New Roman'; color:#FFFFFF; padding:0 0 0 10px; margin:0 0 10px 0; cursor:pointer; transition:0.5s; }
#page_directory_shoplist .main .head:hover , #page_directory_shoplist .main .head.active { color:#373213; transition:0.5s; }
#page_directory_shoplist .main .sub_lv1 { width:100%; margin:0 0 20px 0; border-bottom:1px solid #D1D0C0; padding:0 0 20px 0; display:none; }
#page_directory_shoplist .main .sub_lv1 a.lv1 { overflow:hidden; width:44%; margin:0 5% 0 0; float:left; padding:0 0 0 1%; height:24px; display:block; font:11px/24px 'Times New Roman'; color:#373213; transition:0.5s; }
#page_directory_shoplist .main .sub_lv1 a.lv1:hover , #page_directory_shoplist .main .sub_lv1 a.lv1.active { color:#373213; background:#D1D0C0; transition:0.5s; }
#page_directory_shoplist .main .sub_lv1 .sub_lv2 { width:100%; margin:1px 0; display:none; }
#page_directory_shoplist .main .sub_lv1 .sub_lv2 a.lv2 { width:97%; float:left; padding:0 0 0 3%; height:24px; display:block; font:12px/24px 'Times New Roman'; color:#373213; transition:0.5s; }
#page_directory_shoplist .main .sub_lv1 .sub_lv2 a.lv2:hover { color:#373213; background:#D1D0C0; transition:0.5s; }
#page_directory_shoplist .main .sub_lv1 .sub_lv2 a.lv2.mobile { display:none; }

#page_directory_shoplist .sub_main { width:calc(40% - 60px); min-height:856px; float:left; padding:26px 30px 0 30px; background:#E6E6D9; }
#page_directory_shoplist .sub_main .head { font:33px/33px 'Times New Roman'; color:#373213; width:100%; border-bottom:1px solid #A09D8D; padding:0 0 6px 0; margin:0 0 5px 0; }
#page_directory_shoplist .sub_main a { width:calc(100% - 5px); padding:0 5px; font:12px/24px 'Arial'; color:#373213; display:block; position:relative; transition:0.5s; }
#page_directory_shoplist .sub_main a span { position:absolute; right:5px; top:0; }
#page_directory_shoplist .sub_main a:hover { background:#D1D0C0; font-weight:bold; transition:0.5s; }

#page_directory_shoplist .select_floor { float:right; width:99px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
#page_directory_shoplist .select_floor a { width:60px; height:60px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; margin-bottom:10px; font:26px/60px 'Times New Roman'; color:#FFFFFF; text-align:center; transition:0.5s; }
#page_directory_shoplist .select_floor a:hover , #page_directory_search .select_floor a.active { transition:0.5s; color:#373213; }

/* page member */
#page_member { width:100%; min-height:882px; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
#page_member .box { padding:30px 0 0 30px; width:50%; float:left; }
#page_member .box p.p { font:33px/33px 'Times New Roman'; color:#373213; padding:0 0 20px 0; }
#page_member .box p.p span { display:block; font:14px/16px 'Times New Roman'; color:#373213; }
#page_member .box .table tr { height:39px; vertical-align:top; overflow:hidden; }
#page_member .box .table p { font:12px/39px 'Arial'; color:#373213; width:200px; border-bottom:1px solid #BBB9A9; }
#page_member .box .table .gender { width:320px; height:39px; border:none; background:none; border-bottom:1px solid #BBB9A9; font:12px/39px 'Arial'; color:#373213; }
#page_member .box .table .input_text { width:560px; height:39px; border:none; background:none; border-bottom:1px solid #BBB9A9; }
#page_member .box .table .input_text.ps { width:400px; border:none; }
#page_member .box .table .input_text2 { width:220px; height:39px; border:none; background:none; border-bottom:1px solid #BBB9A9; }
#page_member .box .table .first { border-top:1px solid #BBB9A9; }
#page_member .box .table .check { width:560px; height:40px; border-bottom:1px solid #BBB9A9; font:12px/39px 'Arial'; color:#373213; position:relative; }
#page_member .box .table .check a { font:12px/39px 'Arial'; color:#373213; text-decoration:underline; }
#page_member .box .table .check .change { position:absolute; right:0; }
#page_member .box .table .input_submit { border:none; background:none; font:20px/40px 'Times New Roman'; color:#979381; padding:0 40px 0 0; margin:20px 0 0; }
#page_member .box .table .input_text.error { background:#979381 !important; }
#page_member .box_right { width:47%; float:left; height:877px; padding-left:1%; }
#page_member .box_right .bg-map { display:block; background:url('../images_paragon/bg-policy.png') right top no-repeat; width:100%; height:100%;}

#page_member_mobile { display:none; }

/* page contact */
.contact { background:url('../images_paragon/contact/bg-contact.jpg') bottom right #E2E3D5 no-repeat !important; }
#page_contact { width:100%; position:relative; }
#page_contact .left { float:left; width:50%; height:auto; position:relative;  }
#page_contact .right { float:left; width:50%; height:auto;  }
#page_contact p.title { font: 60px/43px 'Times New Roman' ; color:#373213; padding-bottom:30px; }
#page_contact .left p.overview { display:none; }
#page_contact .left .content { float:left; width:100%; padding:25px 0; font: 33px/24px 'Times New Roman'; color:#373213; border-top:1px solid #BBB9A9; }
#page_contact .left .content.th { padding:25px 0; }
#page_contact .left .content .bold { font-weight:bold; }
#page_contact .left .content .width { float:left; width:380px; }
#page_contact .left .content p.address { float:left; width:26%; font:bold 14px/21px 'Times New Roman'; }
#page_contact .left .content p.th { font:bold 20px/20px 'thai'; }
#page_contact .left .content p { float:left; width:74%; border:none; font:bold 14px/21px 'Times New Roman'; color:#373213;  }
#page_contact .left .content p.ct { font:bold 40px/40px 'thai'; padding-top:16px; }
#page_contact .left .content p.ctform { margin:25px 0 10px 0; font: 33px/24px 'Times New Roman'; }
#page_contact .left .content p span { font: 14px/21px 'Times New Roman'; color:#330066; }
#page_contact .left .content p.office { padding-top:30px; }
#page_contact .left .content p.th span { font: 20px/20px 'thai'; }
#page_contact .left .content p span.red { color:#B20000; }
#page_contact .left .content p span.carmine { color:#8C0000; }
#page_contact .left .content p span.silver { font:Italic 14px/21px 'Times New Roman'; color:#97927F; }
#page_contact .left .content p.th span.silver { font:Italic 20px/20px 'thai'; }
#page_contact .left .content p.normal { font: 14px/21px 'Times New Roman'; color:#373213; }
#page_contact .left .content p.normal.th { font: 20px/20px 'thai'; margin-top:0; }
#page_contact .left p.contact_L { float:left; width:26%; padding:15px 0; font:bold 12px/12px 'Arial'; color:#373213; border-top:1px solid #BBB9A9; margin-right:3%; }
#page_contact .left p.contact_L.th { float:left; width:26%; padding:15px 0; font:bold 16px/16px 'thai'; color:#373213; border-top:1px solid #BBB9A9; margin-right:3%; }
#page_contact .left p.contact_code { float:left; width:26%; padding:15px 0; font:bold 12px/12px 'Arial'; color:#373213;  margin-right:3%; }
#page_contact .left p.contact_code.th { float:left; width:26%; padding:15px 0; font:bold 16px/16px 'thai'; color:#373213; margin-right:3%; }
#page_contact .left img.cap { float:left; margin-top:8px; }
#page_contact .left .captcha { float:left; width:15%; padding:5px 5px; margin:8px 0 0 21px; font: 12px/20px 'Arial'; color:#373213; border-bottom:1px solid #BBB9A9; border-left:none; border-right:none; border-top:none; background:none; }
#page_contact .left .Description { float:left; position:relative; width:71%; height:90px; padding:15px 0; font: 12px/12px 'Arial'; color:#373213; border-top:1px solid #BBB9A9; border-left:none; border-right:none; border-bottom:1px solid #BBB9A9; background:none; }
#page_contact .left .contactbox { float:left; width:71%; padding:15px 0; font: 12px/12px 'Arial'; color:#373213; border-top:1px solid #BBB9A9; border-left:none; border-right:none; border-bottom:none; background:none; }
#page_contact .left .send { float:left; margin:20px 0 50px 28%; border:none; font:bold 20px/20px 'Times New Roman' ; color:#979381; background:#DFDFD2; cursor:pointer; transition:0.3s; }
#page_contact .left .send:hover { color:#373213; transition:0.3s; }
#page_contact .right p.title { float:left; width:100%; padding:20px 0; font: 33px/24px 'Times New Roman'; color:#373213; border-top:1px solid #BBB9A9; }
#page_contact .right p.title.th { font: 40px/35px 'thai'; padding:17px 0;}
#page_contact .right a { position:absolute; right:30px; padding:20px 0; font:bold 12px/38px 'Times New Roman'; color:#373213; border-top:1px solid #BBB9A9; text-align:right; }
#page_contact .right a.resize { display:none; }
#page_contact .right p.left { float:left; width:3%; padding-right:10px; font:bold 12px/24px 'Arial'; color:#373213; }
#page_contact .right p.right { float:left; width:95%; font:bold 12px/24px 'Arial'; color:#373213; }
#page_contact .right p.left.th { float:left; width:3%; padding-right:10px; font:bold 12px/24px 'Tahoma' !important; color:#373213; }
#page_contact .right p.right.th { float:left; width:95%; font:bold 12px/24px 'Tahoma' !important; color:#373213; }
#page_contact .right p.right span { font-weight:normal; }
#page_contact .right .map { margin-bottom:15px; width:100%; }
#page_contact .right .map2 { display:none; }
#page_contact .item { padding:30px; position:relative; }
#page_contact .item2 { padding:30px 30px 40px; position:relative; }
#page_contact .item2 .downloadhead { position:relative; }
#page_contact #mobile_contact { display:none; }

#page_contact textarea { resize:none; }
#page_contact .error { background:#979381 !important; }

/*.error { background:#979381 !important;  }*/



/* privacy policy */
#page_policy { position:relative; width:838px; height:835px; float:left; z-index:899; background:url('../images_paragon/policy/bg-policy.jpg') no-repeat #DFDFD0; }
#page_policy .container { padding:30px; position:relative; }
#page_policy .container a.closepolicy { position:absolute; top:30px; right:30px; width:15px; height:20px; background:url('../images_paragon/career/close.gif') no-repeat; display:none; }
#page_policy .container p.head { font:bold 33px/22px 'Times New Roman'; color:#373213; }
#page_policy .container p.sub-head { font:bold 20px/20px 'thai'; color:#373213; margin:8px 0 26px 0; width:100%; padding-bottom:30px; border-bottom:1px solid #BBB9A9; }
#page_policy .container ol { list-style-type:decimal; padding-left:19px }
#page_policy .container ol li {  font: 12px/14px 'Tahoma'; color:#373213; padding-bottom:15px; }
#page_policyR { right:0; width:837px; height:835px; position:absolute; }
#page_policyR .bg-sitepolicy { background:url('../images_paragon/bg-policy.png') no-repeat; width:836px; height:836px; }

/* sitemap */
#page_sitemap { position:relative; width:838px; height:835px; float:left; z-index:899;  background: url("../images_paragon/card/bg.gif") no-repeat scroll left top #DFDFD0;  } /*background:url('../images_paragon/policy/bg-policy.jpg') no-repeat #DFDFD0;*/
#page_sitemap .container { padding:30px; position:relative; }
#page_sitemap .container a.closesitemap { position:absolute; top:30px; right:30px; width:15px; height:20px; background:url('../images_paragon/career/close.gif') no-repeat; display:none; }
#page_sitemap .container p.head { font:bold 33px/22px 'Times New Roman'; color:#373213; }
#page_sitemap .container p.sub-head { font: 14px/16px 'Times New Roman'; color:#373213; margin:13px 0 0 0; width:100%; padding-bottom:30px; }
#page_sitemap .container .itemleft { float:left; width:369px; }
#page_sitemap .container ul { border-bottom:1px solid #BBB9A9; }
#page_sitemap .container ul li { height:29px; width:100%; padding-left:2px; border-top:1px solid #BBB9A9; }
#page_sitemap .container ul li.sub-menu { background:url('../images_paragon/sitemap/iconsite.gif') center left no-repeat; margin-left:20px; height:29px; width:calc(100% - 36px); padding-left:18px; border-top:1px solid #BBB9A9; }
#page_sitemap .container ul li a { font:bold 14px/30px 'Times New Roman'; color:#373213; }
#page_sitemap .container ul li a.sub { font: 14px/30px 'Arial'; color:#373213; }
#page_sitemap .container .itemright { float:right; width:369px; height:auto; }
#page-sitemapR { right:0; width:837px; height:835px; position:absolute; }
#page-sitemapR .bg-site { background:url('../images_paragon/bg-sitemap.jpg') no-repeat; width:837px; height:835px; }