@media screen and ( min-width: 1024px ){
	#page_directory_shoplist .main .sub_lv1 .sub_lv2 a.lv2 { display:none !important; }
}

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

	body { overflow-y:auto !important; }

	/* header */
	#header { width:100%; height:70px; background:url('../images_paragon/mobile/bg_header.jpg') no-repeat left top; border-bottom:1px solid #FFF; position:relative; left:0; top:0; overflow:hidden; z-index:1000; }
	#header a#thumb_menu { width:45px; height:70px; display:block; background:url('../images_paragon/mobile/thumb_menu.png') no-repeat; position:absolute; left:0; top:0; }
	#header a#logo { width:110px; height:50px; display:block; background:url('../images_paragon/logo.png'); background-size:110px 50px; margin:0 0 0 0; float:none; position:absolute; right:10px; top:10px; }
	#header .right { float:right; margin:2px 20px 0 0; position:relative; right:0; transition:1.5s; display:none; }
	#header .right.hide { right:-1000px; transition:1.5s; }

	#header .right .interest { float:right; width:150px; position:relative; }
	#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 a { font:11px/15px 'Times New Roman'; color:#FFFFFF; display:block; transition:0.8s; }
	#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 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; background:url('../images_paragon/bg_main_menu.png') no-repeat right 11px; cursor:pointer; transition:0.8s; }
	#header .right .main_menu p:hover { color:#373213; background-image:url('../images_paragon/bg_main_menu_hover.png'); transition:0.8s; }

	#header .right #menubar { width:495px; float:right; }
	#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 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; }

	/* footer */
	#footer { display:none !important; height:0 !important; }
	#footer { width:100%; min-width:100%; height:40px; background:url('../images_paragon/bg_footer.gif') repeat-x left top; position:relative; overflow:hidden; }
	#footer .left { width:100%; height:40px; background:none; padding:0 0 0; }
	#footer .left p { width:100%; text-align:center; font:11px/13px 'Arial'; color:#fff; float:left; height:30px; border-right:none; margin:5px 0 0 0; padding:0 0; }
	#footer .left a { height:30px; display:block; background:url('../images_paragon/link_footer.png'); float:left; margin:5px 0 0 0; transition:0.8s; display:none; }
	#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; display:none; }
	#footer .right .sponsor { width:651px; height:30px; position:absolute; right:0; top:6px; }
	#footer .right .sponsor a { height:29px; display:block; float:left; background:url('../images_paragon/sponsor.png'); transition:0.8s; }
	#footer .right .sponsor a:hover { transition:0.8s; }
	#footer .right .sponsor a.sp1 { width:81px; background-position:0 0; }
	#footer .right .sponsor a.sp1:hover { background-position:0 -29px; }
	#footer .right .sponsor a.sp2 { width:84px; background-position:-81px 0; }
	#footer .right .sponsor a.sp2:hover { background-position:-81px -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:38px; background-position:-613px 0; }
	#footer .right .sponsor a.sp9:hover { background-position:-613px -29px; }

	#footer .right .menu { position:absolute; right:0; top:40px; width:390px; }
	#footer .right .menu .menu_first { float:left; width:180px; }
	#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.actve { color:#373213; transition:0.8s; }
	#footer .right .menu .menu_bottom { float:left; width:200px; 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:0; overflow:hidden; background:url('../images_paragon/bg_home.jpg'); }

	/* page e magazine */
	#page_magazine { width:98%; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; position:relative; margin:0 1%; }
	#page_magazine .item { width:48%; height:417px; margin:1%; position:Relative; float:left; }
	#page_magazine .item .img { width:100%; height:417px; float:left; position:relative; overflow:hidden; }
	#page_magazine .item .img img { width:100%; height:100%; }
	#page_magazine .item .img div { display:none; }
	#page_magazine .item .right { width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:10; background:url('../images_paragon/magazine/bg.png') repeat; }
	#page_magazine .item .right .title { width:94%; font:bold 21px/43px 'Times New Roman'; color:#FFFFFF; height:43px; overflow:hidden; border-bottom:1px solid #FFF; margin:auto; }
	#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; display:none; }
	#page_magazine .item .right a.readmore { width:94%; font:bold 12px/18px 'Times New Roman'; color:#DFDFD0; text-transform:uppercase; margin:auto; padding:5px 0; display:block; background:none; }
	#page_magazine .item .right a.readmore2 { display:none; }
}

@media screen and ( max-width: 1050px ){
	/* page home */
	#page_home { height:602px; margin:auto; position:relative; overflow:hidden; }
	#page_home .list { height:603px; position:relative; }
	#page_home .list .item { width:200px; height:200px; overflow:hidden; cursor:pointer; }
	#page_home .list .item.big { width:401px; height:401px; }
	#page_home .list .item.video { width:602px; height:401px; }

	#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; }
	#page_home .list .item .catagory { font:12px/34px 'Times New Roman'; color:#FFFFFF; width:238px; text-align:right; position:absolute; z-index:3; top:0; right:5px; }
	#page_home .list .item .detail { width:200px; height:200px; background:url('../images_paragon/bg_item_small.png') no-repeat left bottom; position:absolute; z-index:2; padding:34px 0 0; opacity:0; transition:0.8s; right:0; top:0; }
	#page_home .list .item .detail .content { width:190px; margin:auto; border-top:1px solid #BBB9A9; }
	#page_home .list .item .detail .content .date { font:bold 12px/30px 'Times New Roman'; color:#DFDFD0; }
	#page_home .list .item .detail .content .text_01 { font:20px/17px 'Times New Roman'; color:#FFFFFF; text-transform:uppercase; padding:0 0 5px 0; }
	#page_home .list .item .detail .content .text_01.th { font:20px/20px 'thai'; color:#FFFFFF; text-transform:uppercase; } /* TH */
	#page_home .list .item .detail .content .text_02 { font:12px/13px 'Arial'; color:#FFFFFF; padding:10px 0; display:none; }
	#page_home .list .item .detail .content a.more { font:bold 12px/14px 'Times New Roman'; color:#DFDFD0; background:none; padding:0 15px 0 0; }

	#page_home .list .item.big .detail { width:200px; height:250px; background:url('../images_paragon/bg_item_big.png') no-repeat left bottom; position:absolute; z-index:3; padding:34px 0 0; opacity:0; transition:0.8s; right:0; top:0; }
	#page_home .list .item.big .detail .content .text_02 { display:none; }

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

@media screen and ( max-width: 1100px ){
	/* detail page */
	.notclick { width:100%; height:837px; position:absolute; z-index:101; display:none; top:0; }

	#page_detail { width:0; height:602px; 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:950px; height:602px; 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:450px; height:492px; overflow:hidden; float:right; }
	#page_detail .content .right .system { width:430px; }
	#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'; 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 .title.th { font:24px/24px 'Thai'; }
	#page_detail .content .right .system .text.th { font:16px/16px 'Thai'; }
	#page_detail .content .right .system .pdf.th { font:16px/16px 'Thai'; }
	#page_detail .content .right .system .youtube.th { font:16px/16px 'Thai'; }

	/* page detail shop */
	#page_directory_detail { width:0; height:602px; 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:950px; height:602px; 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:229px; }
	#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:450px; height:492px; overflow:hidden; float:right; }
	#page_directory_detail .content .right .system { width:430px; }
	#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.jpg") 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.jpg") 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; } /*background:url("../images_paragon/detail/arrow_a.jpg") no-repeat 105px 24px;*/

	#page_directory_detail .content .right .system .title.th { font:24px/24px 'Thai'; }
	#page_directory_detail .content .right .system .text.th { font:16px/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'; }

	/* 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:950px; 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; }
	#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:450px; height:666px; overflow:hidden; float:right; }
	#page_detail_card .content .right .system { width:420px; }
	#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 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 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:454px; 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; z-index:1; background:url('../images_paragon/magazine/bg.png') repeat; }
	#page_magazine .item .right { width:290px; 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; }*/

	/* 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:950px; min-height:737px; margin:auto; position:relative; }
	#page_magazine_detail .content .close { width:15px; height:20px; background:url("../images_paragon/magazine/close.png") 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; display:none; }
	#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 .head_mobile { width:100%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; margin:0 0 10px 0; display:block; }
	#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; }
	#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; display:none; }
	#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:950px; height:729px; position:relative; }
	#page_magazine_detail .content .img .item { width:475px; height:729px; float:left; position:relative; display:none; }
	#page_magazine_detail .content .img .item img { width:100%; }
	#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:45%; top:10px; }
	#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:10px; 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:10px; left:10px; }

	/* 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; width:91% !important; }
	#page_event_calendar .col_left .custom-header { height:118px; margin:0; width:100%; }
	#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 .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; display:none; }
	#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 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:99%; clear:both; position:relative; margin-top:15px; }

	/* page service */
	#page_service { min-height:auto; position:relative; margin-left:1px; overflow:auto; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; }
	#page_service .left { width:1115px; min-height:816px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; padding:20px 0 0; display:none; }
	#page_service .right { width:557px; height:836px; background:url('../images_paragon/service/bg_right.jpg') no-repeat; position:fixed; left:1116px; top:101px; display:none; }
	#page_service .mobile_detail { width:98%; display:block; margin:auto; }
	#page_service .mobile_detail .head_mobile { width:100%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; margin:0 0 10px 0; }
	#page_service .mobile_detail .item { width:100%; padding:0 0 10px 0; border-bottom:1px solid #BBB9A9; margin:0 0 10px 0; }
	#page_service .mobile_detail .item .img { width:120px; height:120px; float:left; overflow:hidden; margin:0 10px 0 0; }
	#page_service .mobile_detail .item .img img { height:120px; }
	#page_service .mobile_detail .item .text.image { width:calc(100% - 130px); float:left; }
	#page_service .mobile_detail .item .text { width:100%; }
	#page_service .mobile_detail .item .text .head { font:16px/14px 'Times New Roman'; color:#FFFFFF; }
	#page_service .mobile_detail .item .text .head.th { font:30px/30px 'Thai'; color:#FFFFFF; }
	#page_service .mobile_detail .item .text .detail { font:11px/12px 'Arial'; color:#FFFFFF; padding:10px 0; }
	#page_service .mobile_detail .item .text .detail.th { font:16px/18px 'Thai'; color:#FFFFFF; }
	#page_service .mobile_detail .item .floor { font:11px/12px 'Arial'; color:#FFFFFF; }
}

@media screen and ( max-width: 768px ){
	/* page home */
	#page_home { display:none; }
	#page_home_mobile { height:auto; margin:auto; position:relative; overflow:hidden; display:block; }
	#page_home_mobile .list { width:98%; height:auto; position:relative; margin:auto; }
	#page_home_mobile .list .item { width:48%; height:300px; overflow:hidden; cursor:pointer; float:left; margin:1% 2% 1% 0; position:relative; }
	#page_home_mobile .list .item.big { width:99.8%; height:500px; }
	#page_home_mobile .list .item.video { width:0; height:0; overflow:hidden; display:none; }

	#page_home_mobile .list .item.shortcut .bg { background:none; }
	#page_home_mobile .list .item.shortcut .detail { display:none; }

	#page_home_mobile .list .item .bg { width:100%; background:url('../images_paragon/mobile/bg_item.png') repeat; position:absolute; bottom:0; z-index:1; opacity:1; transition:0.8s; }
	#page_home_mobile .list .item img { width:100%; position:absolute; }
	#page_home_mobile .list .item .catagory { font:12px/46px 'Times New Roman'; color:#FFFFFF; width:238px; text-align:right; position:absolute; z-index:3; right:20px; }
	#page_home_mobile .list .item .detail { width:100%; height:auto; position:absolute; z-index:2; padding:24px 0 10px; transition:0.8s; right:0; bottom:0; }
	#page_home_mobile .list .item .detail .content { width:98%; margin:auto; }
	#page_home_mobile .list .item .detail .content .date { font:bold 12px/46px 'Times New Roman'; color:#DFDFD0; }
	#page_home_mobile .list .item .detail .content .date.th { font:bold 20px/24px 'thai'; color:#DFDFD0; } /* TH */
	#page_home_mobile .list .item .detail .content .text_01 { font:20px/17px 'Times New Roman'; color:#FFFFFF; text-transform:uppercase; }
	#page_home_mobile .list .item .detail .content .text_01.th { font:25px/24px 'thai'; color:#FFFFFF; text-transform:uppercase; } /* TH */
	#page_home_mobile .list .item .detail .content .text_02 { font:12px/13px 'Arial'; color:#FFFFFF; padding:10px 0; display:none; }
	#page_home_mobile .list .item .detail .content .text_02.th { font:16px/16px 'thai'; color:#FFFFFF; padding:10px 0; } /* TH */
	#page_home_mobile .list .item .detail .content a.more { font:bold 12px/14px 'Times New Roman'; color:#DFDFD0; background:url('../images_paragon/more.png') no-repeat 100px center; padding:0 15px 0 0; display:none; }
	#page_home_mobile .list .item .detail .content a.more2 { font:bold 12px/14px 'Times New Roman'; color:#DFDFD0; background:none; padding:0 15px 0 0; display:block; margin:10px 0 0; }

	/* detail page magazine */
	#page_magazine_detail { width:0; min-height:882px; height:auto; padding:0 0 30px 0; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; 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:98%; min-height:auto !important; margin:auto; position:relative; }
	#page_magazine_detail .content .close { width:15px; height:20px; background:url("../images_paragon/magazine/close.png") no-repeat; cursor:pointer; position:absolute; right:0; top:10px; }
	#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; }
	#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:100%; height:auto; position:relative; margin:15px 0 0; }
	#page_magazine_detail .content .img .item { width:100%; height:auto; float:left; position:relative; display:none; }
	#page_magazine_detail .content .img .item img { width:100%; }
	#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:45%; top:20px; }
	#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:10px; 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:10px; left:10px; }

	/* detail page card */
	#page_detail_card { width:0; height:882px; padding:30px 0; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; 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:96%; height:737px; margin:auto; position:relative; top:-30px; }
	#page_detail_card .content .close { width:150px; height:20px; background:url("../images_paragon/card/close.jpg") no-repeat; cursor:pointer; position:absolute; right:0; top:0; display:none; }
	#page_detail_card .content .close.mobile { width:auto !important; height:45px !important; background:url('../images_paragon/detail/arrow_a.png') no-repeat right 15px !important; cursor:pointer; position:absolute; right:0; top:0; display:block !important; font:bold 12px/45px 'Arial'; color:#373214; padding:0 15px 0 0; text-indent:0px; }
	#page_detail_card .content .head_mobile { display:block; }
	#page_detail_card .content .head_mobile a { width:98%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; display:block; }
	#page_detail_card .content .head { width:100%; height:25px; border-bottom:1px solid #373213; margin:0 0 45px 0; display:none; }
	#page_detail_card .content .img { width:100%; height:auto; border-radius:23px; border:none; overflow:hidden; float:none; position:relative; }
	#page_detail_card .content .img img { position:relative; left:0; top:0; width:100%; }
	#page_detail_card .content .right { width:100%; height:666px; overflow:auto; float:none; }
	#page_detail_card .content .right .system { width:100%; }
	#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 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 .pdf { display:none; }
}

@media screen and ( max-width: 640px ){
	/*  page home */
	#page_home { display:none; }
	#page_home_mobile { width:98%; height:auto; margin:auto; position:relative; overflow:hidden; display:block; }
	#page_home_mobile .list { height:auto; position:relative; }
	#page_home_mobile .list .item { width:100%; height:300px; overflow:hidden; cursor:pointer; float:left; margin:1% 0 1% 0; }
	#page_home_mobile .list .item.big { width:100%; height:300px; }
	#page_home_mobile .list .item.video { width:0; height:0; overflow:hidden; display:none; }

	/* page event calendar */
	#page_event_calendar { min-height:auto; margin:auto; position:relative; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin-top:-5px; }
	#page_event_calendar .col_left { margin:0 30px 0 30px; float:left; width:100% !important; display:none; }
	#page_event_calendar .col_left .custom-header { height:118px; margin:0; width:100%; }
	#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 .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; display:none; }
	#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 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:846px; float:right; position:relative; display:none; }
	#page_event_calendar .mobile { display:block; width:96%; margin:auto; }
	#page_event_calendar .mobile .head { width:100%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; }
	#page_event_calendar .mobile .list { width:100%; margin:10px 0 0; border-top:1px solid #BBB9A9; }
	#page_event_calendar .mobile .list a { display:block; width:100%; height:30px; border-bottom:1px solid #BBB9A9; position:relative; font:11px/30px 'Arial'; color:#FFFFFF; background:url('../images_paragon/event/arrow_mobile.png') no-repeat right top; }
	#page_event_calendar .mobile .list a span { display:block; position:absolute; font:11px/30px 'Arial'; color:#FFFFFF; right:50px; top:0; }
	.event_bg { width:100% !important; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976 !important; }
	.head_event { width:98%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; }

	/* page card */
	#page_card { width:100%; min-height:300px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin:0 0 1px 0; position:relative; }
	#page_card .head_mobile { width:96%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; }
	#page_card .item { width:96%; overflow:hidden; float:right; margin:10px 2%; display:block; padding:0 0 10px 0; border-bottom:1px solid #BBB9A9; }
	#page_card .item .img { width:120px; height:120px; overflow:hidden; border-radius:0px; border:none; float:left; }
	#page_card .item .img img { height:120px; }
	#page_card .item .a { float:left; padding:0 0 0 10px; width:55%; }
	#page_card .item .head { font:16px/14px 'Times New Roman'; color:#FFFFFF; padding:0 0 10px 0; }
	#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; display:none; }
	#page_card .item a { font:12px/14px 'Times New Roman'; color:#DFDFD0; 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; }

}

/* page e magazine */
@media screen and ( max-width: 768px ){
	#page_magazine { width:98%; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; position:relative; margin:0 1%; }
	#page_magazine .item { width:100%; height:417px; margin:1%; position:Relative; float:left; }
	#page_magazine .item .img { width:100%; height:417px; float:left; position:relative; overflow:hidden; }
	#page_magazine .item .img img { width:100%; height:100%; }
	#page_magazine .item .img div { display:none; }
	#page_magazine .item .right { width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:10; background:url('../images_paragon/magazine/bg.png') repeat; }
	#page_magazine .item .right .title { width:94%; font:bold 21px/43px 'Times New Roman'; color:#FFFFFF; height:43px; overflow:hidden; border-bottom:1px solid #FFF; margin:auto; }
	#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; display:none; }
	#page_magazine .item .right a.readmore { width:94%; font:bold 12px/18px 'Times New Roman'; color:#DFDFD0; text-transform:uppercase; margin:auto; padding:5px 0; display:block; background:none; }
}

/* page detail */
#page_detail_mobile { width:100%; height:auto; padding:0; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; left:0; top:0; z-index:100; overflow:hidden; border-right:1px solid #FFF; }
#page_detail_mobile .content { width:96%; height:auto; margin:auto; position:relative; }
#page_detail_mobile .content .close { height:45px; font:12px/45px 'Times New Roman'; color:#373215; position:absolute; right:0; top:0; display:block; background:url('../images_paragon/mobile/arrow.png') no-repeat right center; padding:0 15px 0 0; }
#page_detail_mobile .content .head { width:100%; height:45px; border-bottom:1px solid #BBB9A9; margin:0 0 10px 0; }
#page_detail_mobile .content .head a { font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; display:block; float:left; text-decoration:none; }
#page_detail_mobile .content .head img { float:left; }
#page_detail_mobile .content .title { font:24px/23px 'Times New Roman'; color:#FFFFFF; display:block; margin:10px 0 20px 0; }
#page_detail_mobile .content .text { font:12px/13px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_detail_mobile .content .img { width:100%; height:300px; margin:0 0 10px 0; overflow:hidden; position:relative; }
#page_detail_mobile .content .img.magazine { height:417px; }
#page_detail_mobile .content .img a { width:17px; height:32px; display:block; position:absolute; z-index:10; top:140px; }
#page_detail_mobile .content .img a.magazine { top:207px; }
#page_detail_mobile .content .img a.prv { background:url("../images_paragon/detail/prv.png") no-repeat; left:5px; }
#page_detail_mobile .content .img a.nxt { background:url("../images_paragon/detail/nxt.png") no-repeat; right:5px; }
#page_detail_mobile .content .img img { position:absolute; left:0; top:0; display:none; width:100%; }
#page_detail_mobile .content .right { width:100%; height:auto; overflow:hidden; }
#page_detail_mobile .content .right .system { width:100%; }
#page_detail_mobile .content .right .system .date { font:bold 16px/16px 'Times New Roman'; color:#DFDFD0; }
#page_detail_mobile .content .right .system .title { font:24px/23px 'Times New Roman'; color:#FFFFFF; display:block; margin:10px 0 20px 0; }
#page_detail_mobile .content .right .system .text { font:12px/13px 'Arial'; color:#FFFFFF; margin:0 0 20px 0; }
#page_detail_mobile .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_mobile .content .right .system .pdf a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_detail_mobile .content .right .system .pdf a span { color:#373214; }
#page_detail_mobile .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_mobile .content .right .system .youtube a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_detail_mobile .content .right .system .youtube a span { color:#373214; }
#page_detail_mobile .content .right .system .viewall { font:bold 12px/12px 'Times New Roman'; color:#373213; display:block; background:url("../images_paragon/detail/arrow_a.jpg") no-repeat 105px 24px; padding:24px 0 0; width:100%; border-top:1px solid #BBB9A9; text-decoration:none; }

#page_detail_mobile .content .right .system .title.th { font:24px/24px 'Thai'; }
#page_detail_mobile .content .right .system .text.th { font:16px/16px 'Thai'; }
#page_detail_mobile .content .right .system .pdf.th { font:16px/16px 'Thai'; }
#page_detail_mobile .content .right .system .youtube.th { font:16px/16px 'Thai'; }
#page_detail_mobile .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_detail_mobile .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_detail_mobile .content .right .system .read a { font:11px/16px 'Arial'; color:#DFDFD0; text-decoration:none; }
#page_detail_mobile .content .right .system .read a span { color:#373214; }
#page_detail_mobile .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_detail_mobile .content .right .system .title.th { font:24px/24px 'Thai'; }
#page_detail_mobile .content .right .system .text.th { font:16px/16px 'Thai'; }
#page_detail_mobile .content .right .system .pdf.th { font:16px/16px 'Thai'; }
#page_detail_mobile .content .right .system .youtube.th { font:16px/16px 'Thai'; }

/* page directory */
@media screen and ( max-width: 1280px ){
	#page_directory { width:100%; min-height:882px; height:auto; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
	#page_directory #map { width:619px; height:882px; float:left; background:#DFDFD0; }
	#page_directory #map .z { width:548px; 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; }
	#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; }
	#page_directory #map .z .top .right { width:280px; height:25px; background:#979381; float:right; }
	#page_directory #map .z .top .right .text_input { width:239px; 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:548px; height:706px; position:Relative }
	#page_directory #map .z .mapp img.a { width:100%; }
	#page_directory #map .z .mapp .point { width:39px; height:27px; background:none; position:absolute; z-index:10; }
	#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 20px 0 20px; }
	#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 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:96px; height:96px; display:block; float:left; margin:3px; }
	#page_directory .main .img a img { width:100%; }

	#page_directory .select_floor { float:right; width:79px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
	#page_directory .select_floor a { width:50px; height:50px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; background-size:50px 50px; margin-bottom:10px; font:21px/50px '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 #map .z .shoplist { width:548px; }
	#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_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:90%; 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; }
}

@media screen and ( max-width: 1024px ){
	#page_directory { width:100%; min-height:882px; height:auto; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; margin:0 0 1px 0; position:relative; }
	#page_directory #map { width:470px; height:882px; float:left; background:#DFDFD0; }
	#page_directory #map .z { width:410px; 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; }
	#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; }
	#page_directory #map .z .top .right { width:200px; height:25px; background:#979381; float:right; }
	#page_directory #map .z .top .right .text_input { width:159px; 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:410px; height:502px; position:Relative }
	#page_directory #map .z .mapp img.a { position:Absolute; left:0; top:0; width:410px; }
	#page_directory #map .z .mapp .point { width:39px; height:27px; background:none; position:absolute; z-index:10; }
	#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 20px 0 20px; }
	#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 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:95px; height:96px; display:block; float:left; margin:3px; }
	#page_directory .main .img a img { width:100%; }

	#page_directory .select_floor { float:right; width:79px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
	#page_directory .select_floor a { width:50px; height:50px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; background-size:50px 50px; margin-bottom:10px; font:21px/50px '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 #map .z .shoplist { width:410px; }
	#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; }
}

@media screen and ( max-width: 768px ){
	#page_directory, #page_directory_search { display:none; }



	#page_directory_mobile { display:block; width:100%; min-height:300px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin:0 0 1px 0; position:relative; }
	#page_directory_mobile .head_mobile { width:96%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; position:relative; }
	#page_directory_mobile .head_mobile a { position:absolute; right:0; font:bold 12px/45px 'Times New Roman'; color:#373214; background:url('../images_paragon/detail/arrow_a.jpg') no-repeat right center; padding:0 20px 0 0; }
	#page_directory_mobile .title { font:bold 21px/30px 'Times New Roman'; color:#DFDFD0; padding:0 0 5px 0; }
	#page_directory_mobile .title span { color:#FFFFFF; display:block; }
	#page_directory_mobile .list { width:96%; margin:auto; padding:0 0 10px 0; }
	#page_directory_mobile .list .form { width:calc(100% - 2px); height:25px; background:#979381; border:1px solid #777460; margin:0 0 9px 0; }
	#page_directory_mobile .list .form .text_input { width:calc(100% - 41px); height:25px; border:none; background:none; padding:0 5px; font:12px/25px 'Times New Roman'; color:#373214; float:left; }
	#page_directory_mobile .list .form .submit_input { width:31px; height:25px; background:url('../images_paragon/directory/bt_submit.jpg') no-repeat; border:none; float:left; cursor:pointer; }
	#page_directory_mobile .list a { display:block; width:100%; height:29px; border-bottom:1px solid #BBB9A9; background:url('../images_paragon/directory/arrow_mobile.png') no-repeat right center; font:11px/25px 'Arial'; color:#FFFFFF; }
	#page_directory_mobile .list a.first { border-top:1px solid #BBB9A9; }
	#page_directory_mobile .list a span { float:left; display:block; }
	#page_directory_mobile .list a span.f { width:50px; }
	#page_directory_mobile .list a span.g { width:320px; }

	#page_magazine { width:98%; background:url('../images_paragon/card/bg.gif') no-repeat left top #DFDFD0; position:relative; margin:0 1%; }
	#page_magazine .item { width:98%; height:417px; margin:1%; position:Relative; float:none; margin-bottom:3% }
	#page_magazine .item .img { width:100%; height:417px; float:left; position:relative; overflow:hidden; }
	#page_magazine .item .img img { width:100%; height:100%; }
	#page_magazine .item .img div { display:none; }
	#page_magazine .item .right { width:100%; height:80px; position:absolute; left:0; bottom:0; z-index:10; background:url('../images_paragon/magazine/bg.png') repeat; }
	#page_magazine .item .right .title { width:94%; font:bold 21px/43px 'Times New Roman'; color:#FFFFFF; height:43px; overflow:hidden; border-bottom:1px solid #FFF; margin:auto; }
	#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; display:none; }
	#page_magazine .item .right a.readmore { width:94%; font:bold 12px/18px 'Times New Roman'; color:#DFDFD0; text-transform:uppercase; margin:auto; padding:5px 0; display:none; background:none; }
	#page_magazine .item .right a.readmore2 { width:94%; font:bold 12px/18px 'Times New Roman'; color:#DFDFD0; text-transform:uppercase; margin:auto; padding:5px 0; display:block; background:none; }

	#page_magazine_detail { width:0; min-height:882px; height:auto; padding:0 0 30px 0; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; 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:98%; min-height:auto !important; margin:auto; position:relative; }
	#page_magazine_detail .content .close { width:15px; height:20px; background:url("../images_paragon/magazine/close.png") no-repeat; cursor:pointer; position:absolute; right:0; top:10px; }
	#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; }
	#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:100%; height:auto; position:relative; margin:15px 0 0; }
	#page_magazine_detail .content .img .item { width:100%; height:auto; float:left; position:relative; display:none; }
	#page_magazine_detail .content .img .item img { width:100%; }
	#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:45%; top:20px; }
	#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:10px; 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:10px; left:10px; }

	/*#page_magazine { width:100%; min-height:882px;  margin:0 0 1px 0; position:relative; }
	#page_magazine .item { width:90%; 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; position:relative; background:none; }
	#page_magazine .item .right .title { font:bold 33px/43px 'Times New Roman'; color:#373213; height:43px; overflow:hidden; border:none; }
	#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; display:block; }
	#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; display:inline-block; width:auto; }*/
}

/* page directory detail mobile */
#page_directory_mobile_detail { display:block; width:100%; min-height:300px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin:0 0 1px 0; position:relative; }
#page_directory_mobile_detail .head_mobile { width:96%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; position:relative; }
#page_directory_mobile_detail .head_mobile a { font:12px/45px 'Times New Roman'; color:#373214; position:absolute; right:0; top:0; background:url('../images_paragon/detail/arrow_a.png') no-repeat right center; display:block; padding:0 15px 0 0 }
#page_directory_mobile_detail .text { width:96%; margin:auto; }
#page_directory_mobile_detail .text .title { font:21px/30px 'Times New Roman'; color:#FFFFFF; }
#page_directory_mobile_detail .text .p { font:11px/13px 'Arial'; color:#FFFFFF; padding:5px 0; }
#page_directory_mobile_detail .list p { font:16px/28px 'Times New Roman'; color:#FFFFFF; width:100%; border-bottom:1px solid #BBB9A9; }
#page_directory_mobile_detail .list a { font:11px/29px 'Arial'; color:#FFFFFF; width:100%; border-bottom:1px solid #BBB9A9; display:block; background:url('../images_paragon/detail/arrow_directory.png') no-repeat right center; }

/* page directory shop list */
@media screen and ( max-width: 1024px ){
	#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 {min-height:852px; float:left; padding:30px 15px 0 15px; width:70%; } /* width:calc(100% - 88px); */
	#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 { width:99%; margin:0 0 1px 0; float:left; padding:0 0 0 1%; height:24px; display:block; font:12px/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 .sub_main { width:calc(40% - 60px); min-height:856px; float:left; padding:26px 30px 0 30px; background:#E6E6D9; display:none; }
	#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:57px; height:852px; background:#DFDFD0; border-left:1px solid #FFF; padding:30px 0 0; }
	#page_directory_shoplist .select_floor a { width:40px; height:40px; margin:auto; display:block; background:url('../images_paragon/directory/bg_select_floor.jpg') no-repeat; margin-bottom:10px; font:20px/40px '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 login */
#page_login { display:block; width:100%; min-height:400px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin:0 0 1px 0; position:relative; }
#page_login .head_mobile { width:96%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; }
#page_login .text { width:96%; margin:auto; }
#page_login .text .p { font:12px/38px 'Times New Roman'; color:#DFDFD0; }
#page_login .text .input_text { width:calc(100% - 12px); height:29px; background:#DFDFD0; border:1px solid #777460; margin:0 0 10px 0; padding:0 5px; font:11px/29px 'Times New Roman'; color:#373213; }
#page_login .text .input_submit { width:100%; height:29px; background:#DFDFD0; margin:0 0 10px 0; padding:0 5px; font:11px/29px 'Arial'; color:#FFF; background:url('../images_paragon/detail/arrow_a.png') no-repeat right center; border:none; border-top:1px solid #BBB9A9; border-bottom:1px solid #BBB9A9; text-align:left; }
#page_login .text .input_reset { width:100%; height:29px; background:#DFDFD0; margin:0 0 10px 0; padding:0 5px; font:11px/29px 'Arial'; color:#FFF; background:url('../images_paragon/detail/arrow_a.png') no-repeat right center; border:none; border-bottom:1px solid #BBB9A9; text-align:left; }
#page_login .text .forgot { width:calc(100% - 10px); height:29px; background:#DFDFD0; margin:0 0 10px 0; padding:0 5px; font:11px/29px 'Arial'; color:#FFF; background:url('../images_paragon/detail/arrow_a.png') no-repeat right center; border:none; border-bottom:1px solid #BBB9A9; display:block; }

/* page member */
@media screen and ( max-width: 768px ){
	#page_member { display:none; }

	#page_member_mobile { display:block; width:100%; min-height:700px; background:url('../images_paragon/mobile/bg.jpg') no-repeat left top #8D8976; margin:0 0 1px 0; position:relative; }
	#page_member_mobile .head_mobile { width:96%; margin:auto; font:bold 16px/45px 'Times New Roman'; color:#FFFFFF; }
	#page_member_mobile .box { width:96%; margin:auto; }
	#page_member_mobile .box .p { font:12px/14px 'Times New Roman'; color:#DFDFD0; padding:5px 0; }
	#page_member_mobile .box .input_text { width:98%; height:29px; padding:0 5px; border:1px solid #BBB9A9; background:#DFDFD0; font:11px/29px 'Arial'; color:#373213; margin:0 0 10px 0; opacity:0.5; }
	#page_member_mobile .box a.a { width:48%; height:31px; background:#DFDFD0; text-align:center; font:11px/31px 'Arial'; color:#373213; display:block; float:left; margin:0 0 10px 0; opacity:0.5; }
	#page_member_mobile .box a.b { float:right; }
	#page_member_mobile .box a.a:hover ,#page_member_mobile .box a.a.active { background:#DFDFD0; opacity:1; }
	#page_member_mobile .box label { font:11px/31px 'Arial'; color:#FFFFFF; display:block; }
	#page_member_mobile .box .link { width:calc(100% - 10px); height:31px; background:#DFDFD0; padding:0 5px; font:11px/29px 'Arial'; color:#FFF; background:url('../images_paragon/detail/arrow_directory.png') no-repeat right center; border-top:1px solid #BBB9A9; border-bottom:1px solid #BBB9A9; display:block; }
	#page_member_mobile .box .input_submit { width:100%; height:29px; background:#DFDFD0; padding:0 5px; font:11px/29px 'Arial'; color:#FFF; background:url('../images_paragon/detail/arrow_directory.png') no-repeat right center; border:none; border-bottom:1px solid #BBB9A9; text-align:left; }
	#page_member_mobile .box .hide { width:0; height:0; overflow:hidden; }
	#page_member_mobile .box .chy { width:calc(100% - 12px); height:29px; padding:0 5px; border:1px solid #BBB9A9; background:#DFDFD0; font:11px/29px 'Arial'; color:#373213; margin:0 0 10px 0; opacity:0.5; position:relative; }
	#page_member_mobile .box .chy .input_text { width:50%; padding:0; border:none; background:none; margin:0; opacity:1; }
	#page_member_mobile .box .chy .change { position:absolute; right:10px; font:11px/29px 'Arial'; color:#373213; }

	#page_directory_shoplist  .main .sub_lv1 .sub_lv2 a.lv2.pc { display:none; }
	#page_directory_shoplist  .main .sub_lv1 .sub_lv2 a.lv2.mobile { display:block; }
}

@media screen and ( max-width: 1050px ){
	/* page-about */
	#page_about { height:auto !important; background:url("../images_paragon/about/bg-1028.jpg") repeat left top #E6E6D9; }
	#page_about .left { float:none; width:100%; height:auto !important; }
	#page_about .left img { display:none; } 
	#page_about .right { width:100%; background:none; float:none; height:883px; }
	#page_about .right .content { float:left; width:21%; border:none; }
	#page_about .right .content a { width:100%; top:23px; }
	#page_about .right .container { float:left; width:79%; padding:23px 0; background:#E6E6D9; }
	#page_about .right .container .detail .itemleft { width:41%; padding-left:30px; }
	#page_about .right .container .detail .itemright { width:52%; }
	#page_about .right .board { padding-top:23px; background:rgba(230,230,217,0.65); height:695px; }
	#page_about .right .board .personal { float:left; width:50%; height:140px; }
	#page_about .right .board .personal img { float:left; width:18%; }
	#page_about .right .board .personal .personal_container { width:81%; height:120px; position:relative; float:left; }
	#page_about .right .board .personal .personal_container p { float:left; font: 14px/16px 'Times New Roman'; color:#330066; padding-left:2%; margin-top:4px; width:98%; }
	#page_about .right .board .personal .personal_container p.position { color:#373213; }
	#page_about .right .board.th .personal .personal_container p { float:left; font: 20px/15px 'thai'; color:#330066; padding-left:2%; margin-top:4px; }
	#page_about .right .board.th .personal .personal_container p.position { width:70%; color:#373213; }
	/*#page_about .right .board { background:rgba(230,230,217,0.65); border-bottom:1px solid #BBB9A9; }
	#page_about .right .board p.none { border:none;}
	#page_about p.subtitle.none2 { padding-bottom:13px; }
	#page_about .right .board p { padding:23px 0px; margin:0 30px; }
	#page_about .right p.title { margin:0; padding:0 0 23px 0 }
	#page_about .right p.board_mobile { display:none; }*/

	/* page-contact */
	#page_contact .left { float:none; width:100%; }
	#page_contact .right { float:none; width:100%; }
	#page_contact .right .map { display:none; }
	#page_contact .right img { width:75%; }
	#page_contact .right .map2 { display:block; margin:auto; }
	#page_contact .right a { display:none; }
	#page_contact .right a.resize { display:block; position:absolute; bottom:0; right:15%; font:bold 12px/38px 'Times New Roman'; color:#373213; border:none; text-align:right; }
	#page_contact .item2 { padding:0 30px 30px 40px; position:relative; }
	#page_contact .item3 { padding:0 30px 30px 40px; position:relative; }
	#page_contact #mobile_contact { display:none; }

}

@media screen and ( max-width: 657px ){
	
	#page_about { width:100%; height:auto; background:url("../images_paragon/about/bg_diamond.jpg") repeat-x fixed left top #8D8976;  }
	#page_about .left { width:100%; height:auto; }
	#page_about p.head { display:block; width:100%; height:45px; font:bold 16px/16px 'Times New Roman'; color:#FFFFFF; margin:0; }
	#page_about p.title { font:bold 21px/15px 'Times New Roman'; color:#FFFFFF; }
	#page_about p.subtitle { font:bold 12px/14px 'Times New Roman'; color:#EDEDED; margin-top:5px;  }
	#page_about p.subtitle span { color:#DFDFD0; }
	#page_about .mobile { border-bottom:1px solid #BBB9A9; padding-bottom:14px; }
	#page_about p.content { font: 14px/17px 'Times New Roman'; color:#FFFFFF; margin-top:9px; }
	#page_about p { font: 11px/13px 'Times New Roman'; color:#FFFFFF; margin-top:18px; }
	#page_about p span {  }
	#page_about .none2 { display:none; }
	#page_about .border2 { display:none; }
	#page_about .item { padding:15px 10px; position:relative; }
	#page_about .right { float:none; height:auto; background:none; }
	#page_about .right .board { background:none; border-bottom:1px solid #BBB9A9; }
	#page_about .right p { font: 15px/15px 'Times New Roman'; color:#FFFFFF; padding:16px 0px; margin:0 0;  }
	#page_about .right p span { font: 12px/12px 'Times New Roman'; color:#DFDFD0; padding-top:4px; }
	#page_about .right p.title { margin:0; padding:0 0 0 0 }
	#page_about .right p.board_mobile { display:block; font:bold 21px/21px 'Times New Roman'; color:#FFFFFF; padding:20px 0 15px 0; border-bottom:1px solid #BBB9A9; }
	#page_about .right .board .personal .personal_container p { padding:0; }
	/*#page_about .right .container { float:none; background:none; }
	#page_about .right .content { display:none; } 
	#page_about .right .container { width:100%; height:auto; }
	#page_about .right .container .detail { position:relative; display:block; }
	#page_about .right .container .detail .itemleft { float:none; width:100%; text-align:center; padding:0; }
	#page_about .right .container .detail .itemleft p { font: 21px/20px 'Times New Roman'; color:#FFFFFF; margin-top:15px; text-align:left; }
	#page_about .right .container .detail .itemleft p span { display:block; color:#DFDFD0; padding-bottom:15px;}
	#page_about .right .container .detail .itemright { float:none; width:100%;  } 
	#page_about .right .container .detail .itemright p { font: 13px/15px 'Arial'; color:#FFFFFF; margin-top:0; padding-bottom:30px; }
	#page_about .right .container .detail.active { display:block !important; }*/

	/* page-contact */
	#page_contact { width:100%; height:auto; background:url("../images_paragon/contact/bg-contactmobile.jpg") repeat-x left top #8D8976;  }
	#page_contact .left { float:none; width:100%; display:none; }
	#page_contact .right { float:none; width:100%; display:none; }
	#page_contact #mobile_contact { display:block; width:100%; height:auto; }
	#page_contact #mobile_contact p.title { font:bold 16px/28px 'Times New Roman'; color:#FFFFFF; padding-bottom:17px;  }
	#page_contact #mobile_contact p.content { font:bold 21px/74px 'Times New Roman'; color:#FFFFFF; height:50px; border-top:1px solid #BBB9A9;  }
	#page_contact #mobile_contact p.left { display:block; float:left; font:bold 11px/16px 'Arial'; color:#FFFFFF; width:4%; padding-right:3%; }
	#page_contact #mobile_contact p { background:none; float:left; width:93%; font:bold 11px/16px 'Arial'; color:#FFFFFF; }
	#page_contact #mobile_contact .map_mobile { width:100%; margin-bottom:20px; }
	#page_contact .item4 { padding:10px; }

	#page_career { width:100%; height:auto; background:url("../images_paragon/about/bg-mobile.jpg") repeat-x left top #8D8976; padding:0px; position:relative; }
	#page_career .head { width:100%; height:auto; position:relative; padding:0 2%; }
	#page_career .head p.title { height:55px; font:16px/40px 'Times New Roman'; color:#FFFFFF; border:none; }
	#page_career .head p { width:96%; height:auto; font:21px/17px 'Times New Roman'; color:#FFFFFF; border-bottom:1px solid #BBB9A9; padding-bottom:15px; }
	#page_career .head p span { font:12px/14px 'Times New Roman'; color:#DFDFD0; }
	#page_career .head .topic { width:96%; height:auto; border-bottom:1px solid #BBB9A9; cursor:pointer; padding:10px 0; }
	#page_career .head .topic.active { background:#D0CFC0; background:none; }
	#page_career .head .topic p { font:bold 12px/17px 'Arial'; color:#FFFFFF; border:none; padding:0; }
	#page_career .head .topic p.topic_l { float:none; width:100%; padding:0 0 0 3px;}
	#page_career .head .topic p.topic_center { #8D8976float:left; width:69%; padding:0 0 0 3px; }
	#page_career .head .topic p.topic_center.right { float:left; padding:0; width:30%; text-align:left; }
	#page_career .head .topic p.topic_right { display:none; }
	#page_career .head .detail { display:none; width:96%; border-top:none; border-bottom:1px solid #BBB9A9; padding:0; background:none; padding-bottom:15px; }
	#page_career .head .detail p.title { height:24px; font:bold 12px/24px 'Arial'; color:#373213; padding-top:13px; margin-left:3px; }
	#page_career .head .detail ul li { font:bold 12px/24px 'Arial'; color:#373213; background:url('../images_paragon/career/icon-detail.png') no-repeat; padding-left:13px; margin-left:3px; }
	#page_career .head .detail ul li.last { padding-bottom:15px; }
	#page_career .head .detail a { display:none; }
	#page_career .head .detail.bnone { border-bottom:none; }

	#page_form { display:none; }

}