| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/sunya/css/ |
Upload File : |
/* Table of Contents
==================================================
#Base Grid - 12 column (Default / for 1280px up )
#small pc & tablet (for Grid 960px - 1279px)
#Tablet (for Grid 769px - 960px)
#Tablet (for Grid 481px - 768px)
#Mobile (for Grid 320px - 480px)
/*********************************************************************************************
1. Grid 1200px
*********************************************************************************************/
.container {
margin:0 auto;
width: 1180px;
position: relative;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.beta {
margin-left: 0;
margin-right: 0;
}
.autoimg {
display: block;
margin: auto;
width: 100%;
height: auto;
}
.one-fourth { width: 280px; }
.two-fourth { width: 580px; }
.three-fourth { width: 880px;}
.four-fourth {width: 1180px;}
.ml_10p { margin-left: 10px;}
.mr_10p { margin-right: 10px;}
.mt_10p { margin-top: 10px;}
.mb_10p { margin-bottom: 10px;}
.mt_20p { margin-top: 20px;}
.mb_20p { margin-bottom: 20px;}
/*01072015*/
.mt_0p { margin-top: 0px;}
.mb_0p { margin-bottom: 0px;}
.autoimg {
width: 100%;
height: auto;
}
/***********************************/
#nav_top .nav_ddSub.mob.on {
display: none;
}
/*********************************************************************************************
2. Grid 1024px (mediaqueries)
*********************************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.container {
margin:0 auto;
width: 960px;
position: relative;
}
.container .one-fourth { width: 230px; }
.container .two-fourth { width: 470px; }
.container .three-fourth { width: 710px;}
.container .four-fourth {width: 960px;}
/* ////////////////////////// */
/* HEADER
================================================== */
#header .container .hd_bg {left:-110px;}
/* NAV WRAPPER
================================================== */
#wrapper #nav_wrapper.container { width: 640px; left:160px; margin-bottom:10px;}
.container #nav_top {width: 520px; padding: 4px 5px 0 5px}
.container #top_menu li {padding: 0 8px 0 4px;}
.container #top_search {margin-left: 5px;}
.container #top_search input.txt {width: 105px;}
.container #top_social {margin-left: 5px;}
/* NAV PRIMARY
================================================== */
.container #nav_primary .pc_nav.lv01 > li {padding: 0 10px;}
/* GENERAL FRAME & BOOK NAV
================================================== */
#wrapper .right_block {width: 715px;}
.container #book_nav {width: 230px; margin-right:15px;}
.container .book_nav_btn {width: 230px;}
.container .book_list {margin-left: 10px;}
.container .book_list li.book_info {width: 330px;}
.container .book_cat.col_2_box li {width:82px;}
/* BOOK DETAILS -30/06/2015
================================================== */
#wrapper .middle_block {width: 490px;}
#wrapper .left_block {width: 210px;}
.container .info_section .left_col {width: 220px;}
.container .info_section .book_thumb {width: 210px;}
.container .info_section .right_col {width: 260px; margin: 0 auto 0 10px;}
.container .info_section .info_list dl {padding: 7px 0;}
.container .info_section .info_list dd {width: 80px;}
.container .info_section .info_list dd:before {top: -2px;}
.container .feature_box .book_list {margin-left: 0;}
.container .feature_box .book_list li.book_info {width: 180px;}
.container .feature_box .book_list .book_info .info .name {font-size: 14px;line-height: 16px;}
.container .feature_box .book_list .book_info .info p {margin-bottom: 2px;}
/* GENERAL LIST -30/06/2015-pm
================================================== */
.container .general_list li .info {width: 460px;}
.container .general_list.no_img li .info {width: 600px;}
/* HOME SETTING -01/07/2015
================================================== */
.container .mainslider {width: 480px;}
.container .hb_box ul {}
.container .hb_box li.book_info {width: 140px;}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-10px;}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-next {right:-10px;}
.container .column_box {width: 240px;}
.container .column_box .news_img_list {width: 230px;margin: 5px 5px 40px 5px;}
.container .column_box .small_tab .tab {padding: 0 6px; height: 30px; line-height: 28px;}
.container .column_box .small_tab .tab img {height: 16px;}
.container .sub_form .sub_txt {width: 140px;}
}
/*********************************************************************************************
3. Grid 720px (mediaqueries)
*********************************************************************************************/
@media only screen and (min-width: 720px) and (max-width: 959px) {
.container {
width: 720px;
}
.container .one-fourth { width: 28%; }
.container .two-fourth { width: 48%; }
.container .three-fourth { width: 70%;}
.container .four-fourth {width: 100%;}
.container .ml_10p { margin-left: 1%;}
.container .mr_10px { margin-right: 1%;}
/* ////////////////////////// */
/* HEADER
================================================== */
#wrapper #header {height: 100px;padding-bottom: 36px;background-image: url('../images/bg_hd_mob_btm.png');margin-bottom: 10px;}
#wrapper #header .hd_bg_btm {height: 18px;bottom: 30px;}
#header .container .hd_bg {left:0; height:100px; width:90%; margin: 0 5%;}
#header .container .hd_bg .hd_bg_01 {float:left;}
#header .container .hd_bg .hd_bg_02 {float:right;}
#header .container #logo {margin: 20px auto 20px auto; text-align: center; width: 100%;}
#header .container #logo a {display: inline-block;}
#header .container #logo .autoimg {width: 320px;}
/*search & social - 30/06/2015*/
body #header .container #dd_schTrigger,
body #header .container #top_social {display: inline-block; top: 108px; z-index: 50;}
body.schAction #mm_overly {display: block;}
body.schAction #mob_menu_btn {z-index: 100;}
body.schAction #mob_book_menu_btn {z-index: 100;}
body.schAction #mm_overly #top_search {display: block; margin: 90px auto 0 auto; width: 300px; z-index: 999;}
body.schAction #mm_overly #top_search input.txt {
display: block;
height: 36px;
width: 250px;
margin: 0 auto;
padding: 0 20px;
line-height: 36px;
color: #ccc;
font-size: 18px;
background-color: #fff;
}
body.schAction #mm_overly #top_search .icn_search {right: 10px; top: 6px;}
body.schAction #mm_overly .schClose {display: block; position: relative; width: 50px; height: 50px; margin: 10px auto 0 auto; cursor: pointer;}
/* NAV WRAPPER
================================================== */
body.mmAction #wrapper {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
body #mob_menu_btn {display: block;top: 109px;left: 20px;}
body.mmAction #mm_overly {display: block;}
body.mmAction .mob_menu_logo {display: block;}
#wrapper #nav_wrapper.container {
position: fixed;
width: 0px;
height: 100%;
top: 0;
left: 0;
margin: 0;
background: #fff;
overflow: hidden;
}
.mmAction #wrapper #nav_wrapper.container {width: 260px;}
/*NAV TOP*/
#nav_wrapper.container #nav_top {
width: 260px;
height: 80px;
background: #fff;
border-bottom: 1px solid #d5d5d5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#nav_wrapper.container #top_menu {
position: absolute;
display: block;
right:8px;
top: 8px;
width: 180px;
}
#nav_wrapper.container #top_menu li {
width: 80px;
padding: 0;
margin: 5px 0 5px 5px;
text-align: center;
background: url('../images/bg_sprite.png') repeat-x center -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#nav_wrapper.container #top_menu li:after {display: none;}
#nav_wrapper.container #top_search, #nav_wrapper.container #top_social {display: none;}
/* NAV PRIMARY */
#nav_wrapper.container #nav_primary {
position: relative;
bottom: inherit;
margin: 90px 0 0 0;
height: 100%;
width: 100%;
background-color: #fff;
overflow: auto;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 {
display: block;
margin-bottom: 100px;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 li {
display: block;
width: 100%;
margin: 0;
padding: 5px 0;
text-align: left !important;
border-bottom: 1px dashed #d5d5d5;
height: auto;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 > li:after {display: none;}
#nav_wrapper.container #nav_primary .icn_menu {
padding: 0 0 0 60px; height: 50px; line-height: 55px; font-size: 18px; letter-spacing: 1px; font-weight: normal; display: block; text-align: left !important;
}
#nav_wrapper.container #nav_primary .icn_menu:before {
top: 5px;
left: 10px;
width: 40px;
}
/*level 02 for mob*/
.mmAction #nav_wrapper.container #nav_primary .lv01 .dd_item.active {
background-color: #f6f6f6;
}
.mmAction #nav_wrapper.container #nav_primary .lv01 .dd_item:after {
content: ' ';
display: inline-block;
position: absolute;
left: inherit;
right: 15px;
top: 20px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 60px 1275px;
background-image: url('../images/icn_sprite_2x.png');
background-position: center -705px;
}
#nav_wrapper.container #nav_primary .pc_nav .lv02 {
position: relative;
left: 0;
top: inherit;
width: auto;
height: auto;
border: none;
background-color: #f6f6f6;
margin: 0;
padding: 0 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mmAction #nav_wrapper.container #nav_primary .pc_nav .lv02:before {
display: none;
}
.mmAction #nav_wrapper.container #nav_primary .pc_nav .lv02 li {
display: block;
position: relative;
text-align: left;
line-height: 32px;
border-bottom: 0;
font-size: 14px;
padding-left: 20px;
width: auto;
}
/* GENERAL FRAME & BOOK NAV
================================================== */
#wrapper .right_block {width: auto; float: none;}
.container .block_img_tit {
background-size: 700px 48px;
font-size: 16px;
line-height: 48px;
margin-left: 30px;
padding-left: 30px;
margin-top: -5px;
}
.container .block_img_tit .tit_img {
height: 60px;
width: 60px;
left: -30px;
top: -10px;;
}
.container .block_img_tit small,
.container .block_img_tit .value {
position: relative;
top: 2px;
}
.container .block_img_tit small {font-size: 12px;}
.container .block_img_tit .value:after{display: none;}
body #mob_book_menu_btn {display: block;top: 105px; left: 120px;}
.container #book_nav {display: none;}
.container .book_list ul {}
.container .book_list li.book_info {padding-right: 0;margin-bottom: 20px; text-align: left; width: 330px;}
/*MOB CAT START*/
body.mbAction .content .overly {display: block;}
body.mbAction #mob_book_menu_btn,
body.mbAction #mob_menu_btn {display: none;}
body.mbAction .container #book_nav {
display: block;
position: fixed;
width: 250px;
height: 100%;
top: 0;
left: 0;
margin: 0;
background: #fff;
overflow: auto;
z-index: 999;
padding: 0 10px;
}
.container #book_nav .bn_section:last-child {
margin-bottom: 30px;
}
/* BOOK DETAILS -30/06/2015
================================================== */
.container .book_tit { width: 680px; margin: auto;}
.container .middle_block {width: 680px; margin: auto; float: none;}
.container .left_block {width: 680px; margin: auto; float: none;}
.container .info_section .left_col {width: 260px;text-align: center;}
.container .info_section .book_thumb {width: 230px;}
.container .info_section .right_col {width: 400px; margin: 0 auto 0 10px;}
.container .info_section .info_list dl {padding: 7px 0;}
.container .info_section .info_list dd {width: 120px;}
.container .info_section .info_list dd:before {top: -2px;}
.container .feature_box {width: 650px; margin: 20px auto;}
.container .feature_box .book_list {margin-left: 0;}
.container .feature_box .book_list li.book_info {width: 300px;}
.container .feature_box .book_list .book_info .info .name {font-size: 14px;line-height: 16px;}
.container .feature_box .book_list .book_info .info p {margin-bottom: 2px;}
.container .share_box {width:300px; display: inline-block; margin:30px 15px 10px 15px;}
.container .ad_section .ad_banner {width:300px; display: inline-block; margin:10px 15px 30px 15px;}
.container .txt_section h2 img {max-width: 680px;height: auto;}
/* GENERAL LIST -30/06/2015-pm
================================================== */
.container .general_list li .info {width: 460px;}
.container .general_list.no_img li .info {width: 600px;}
.container .inner_tit {margin: auto auto 20px auto;}
.container .inner_tit h1 {font-size: 32px; line-height: 40px;}
.container .inner_tit .back {font-size: 12px;bottom: -25px;}
/* POPUP FORM -30/06/2015-night
================================================== */
body.ppAction #mm_overly .pp_form { width: 580px; margin-top: 80px;}
body.ppAction #mm_overly .pp_form .form_tit {font-size: 24px;}
body.ppAction #mm_overly .pp_form .form_tit .name {font-size: 18px;}
.pp_form .general_form .row {padding: 5px 0; }
.pp_form .general_form .row label {width: 120px;}
.pp_form .general_form .fl_1-2 {width: 150px;margin-right: 5px;}
.pp_form .general_form .fl_1-1 {width: 320px;margin-right: 10px;}
/* HOME SETTING -01/07/2015
================================================== */
.container .mainslider {width: 670px;}
.container .hb_box ul {}
.container .hb_box li.book_info {}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-prev {}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-next {}
.container .column_box {width: 320px;}
.container .column_box .news_img_list {width: 300px;}
.container .column_box .small_tab .tab {}
.container .column_box .small_tab .tab img {}
.container .sub_box { width: 300px; float: left; margin: auto 15px;}
.container .sub_form .sub_txt {width: 140px;}
.container .fb_box { width: 300px; float: left; margin: auto 15px;}
/* FOOTER
================================================== */
body #footer {
background-size: 960px 100px;
padding: 100px 0 0 0;
}
#footer .footer_wrapper {
padding: 20px 0;
}
#footer .footer_wrapper:before {
background-size: 640px 100px;
background-position: left bottom;
height: 100px;
top: -110px;
}
#footer .footer_wrapper p.tc {padding: 6px 10px; font-size: 14px;}
}
/*********************************************************************************************
4. Grid lt 720px / Mobile (mediaqueries)
*********************************************************************************************/
@media only screen and (max-width: 719px) {
.container {
width: 94%;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.beta {
margin-left: 0;
margin-right: 0;
}
.mobItem {
display: inline-block !important;
}
.pcItem {
display: none;
}
.container .one-fourth,
.container .two-fourth,
.container .three-fourth,
.container .four-fourth {width: auto;}
.container .ml_10p { margin-left: auto;}
.container .mr_10px { margin-right: auto;}
/* .container .mt_10p { margin-top: 10px;}
.container .mb_10px { margin-bottom: 10px;} */
/* ////////////////////////// */
/* LOGO
================================================== */
#wrapper #header {height: 90px;padding-bottom: 36px;background-image: url('../images/bg_hd_mob_btm.png');margin-bottom: 10px;}
#wrapper #header .hd_bg_btm {height: 18px;bottom: 30px;}
#header .container {width: 100%;}
#header .container .hd_bg {left:0; height:90px; width:100%; margin: 0 0; overflow: hidden;}
#header .container .hd_bg .hd_bg_01 {position: absolute; left:-12px; top:2px;}
#header .container .hd_bg .hd_bg_02 {position: absolute; right:-60px;}
#header .container #logo {margin: 23px auto 5px auto; text-align: center; width: 100%;}
#header .container #logo a {display: inline-block;}
#header .container #logo .autoimg {width: 230px;}
/*search & social - 30/06/2015*/
body #header .container #dd_schTrigger,
body #header .container #top_social {display: inline-block; top: 98px; z-index: 50;}
body.schAction #mm_overly {display: block;}
body.schAction #mob_menu_btn {z-index: 100;}
body.schAction #mob_book_menu_btn {z-index: 100;}
body.schAction #mm_overly #top_search {display: block; margin: 80px auto 0 auto; width: 300px; z-index: 999;}
body.schAction #mm_overly #top_search input.txt {
display: block;
height: 36px;
width: 250px;
margin: 0 auto;
padding: 0 20px;
line-height: 36px;
color: #ccc;
font-size: 18px;
background-color: #fff;
}
body.schAction #mm_overly #top_search .icn_search {right: 10px; top: 6px;}
body.schAction #mm_overly .schClose {display: block; position: relative; width: 50px; height: 50px; margin: 10px auto 0 auto; cursor: pointer;}
/* NAV WRAPPER
================================================== */
body.mmAction #wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
body #mob_menu_btn {display: block;top: 99px;left: 12px;}
body.mmAction #mm_overly {display: block;}
body.mmAction .mob_menu_logo {display: block;}
#wrapper #nav_wrapper.container {
position: fixed;
width: 0px;
height: 100%;
top: 0;
left: 0;
margin: 0;
background: #fff;
overflow: hidden;
}
.mmAction #wrapper #nav_wrapper.container {width: 260px;}
/*NAV TOP*/
#nav_wrapper.container #nav_top {
width: 260px;
height: 80px;
background: #fff;
border-bottom: 1px solid #d5d5d5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#nav_wrapper.container #top_menu {
position: absolute;
display: block;
right:8px;
top: 8px;
width: 180px;
}
#nav_wrapper.container #top_menu li {
width: 80px;
padding: 0;
margin: 5px 0 5px 5px;
text-align: center;
background: url('../images/bg_sprite.png') repeat-x center -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#nav_wrapper.container #top_menu li:after {display: none;}
#nav_wrapper.container #top_search, #nav_wrapper.container #top_social {display: none;}
/* NAV PRIMARY */
#nav_wrapper.container #nav_primary {
position: relative;
bottom: inherit;
margin: 90px 0 0 0;
height: 100%;
width: 100%;
background-color: #fff;
overflow: auto;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 {
display: block;
margin-bottom: 100px;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 li {
display: block;
width: 100%;
margin: 0;
padding: 5px 0;
text-align: left !important;
border-bottom: 1px dashed #d5d5d5;
height: auto;
}
#nav_wrapper.container #nav_primary .pc_nav.lv01 > li:after {display: none;}
#nav_wrapper.container #nav_primary .icn_menu {
padding: 0 0 0 60px; height: 50px; line-height: 55px; font-size: 18px; letter-spacing: 1px; font-weight: normal; display: block; text-align: left !important;
}
#nav_wrapper.container #nav_primary .icn_menu:before {
top: 5px;
left: 10px;
width: 40px;
}
/*level 02 for mob*/
.mmAction #nav_wrapper.container #nav_primary .lv01 .dd_item.active {
background-color: #f6f6f6;
}
.mmAction #nav_wrapper.container #nav_primary .lv01 .dd_item:after {
content: ' ';
display: inline-block;
position: absolute;
left: inherit;
right: 15px;
top: 20px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 60px 1275px;
background-image: url('../images/icn_sprite_2x.png');
background-position: center -705px;
}
#nav_wrapper.container #nav_primary .pc_nav .lv02 {
position: relative;
left: 0;
top: inherit;
width: auto;
height: auto;
border: none;
background-color: #f7f7f7;
margin: 0;
padding: 0 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mmAction #nav_wrapper.container #nav_primary .pc_nav .lv02:before {
display: none;
}
.mmAction #nav_wrapper.container #nav_primary .pc_nav .lv02 li {
display: block;
position: relative;
text-align: left;
line-height: 32px;
border-bottom: 0;
font-size: 14px;
padding-left: 20px;
width: auto;
}
.mmAction #nav_wrapper.container #nav_primary .pc_nav .lv02 li:before {top: 13px;}
/* GENERAL FRAME & BOOK NAV
================================================== */
#wrapper .right_block {width: auto; float: none;}
.container .block_img_tit {
background-size: 700px 48px;
font-size: 16px;
line-height: 48px;
margin-left: 30px;
padding-left: 30px;
margin-top: -5px;
}
.container .block_img_tit .tit_img {
height: 60px;
width: 60px;
left: -30px;
top: -10px;;
}
.container .block_img_tit small,
.container .block_img_tit .value {
position: relative;
top: 2px;
}
.container .block_img_tit small {font-size: 12px;}
.container .block_img_tit .value:after{display: none;}
body #mob_book_menu_btn {display: block;left: 108px;top: 95px;}
.container #book_nav {display: none;}
.container .book_list ul {text-align: center;}
.container .book_list li.book_info {padding-right: 0;margin-bottom: 20px; text-align: left;}
/*MOB CAT START*/
body.mbAction .content .overly {display: block;}
body.mbAction #mob_book_menu_btn,
body.mbAction #mob_menu_btn {display: none;}
body.mbAction .container #book_nav {
display: block;
position: fixed;
width: 250px;
height: 100%;
top: 0;
left: 0;
margin: 0;
background: #fff;
overflow: auto;
z-index: 999;
padding: 0 10px;
}
.container #book_nav .bn_section:last-child {
margin-bottom: 30px;
}
/* BOOK DETAILS -30/06/2015
================================================== */
.container .book_tit { width: 280px; margin: auto auto 20px auto; text-align: center;}
.container .book_tit h1 {font-size: 32px;line-height: 38px; }
.container .book_tit .back {font-size: 12px;bottom: -25px;}
.container .middle_block {width: 280px; margin: auto; float: none;}
.container .left_block {width: 250px; margin: auto; float: none;}
.container .info_section .left_col {width: 280px;text-align: center;}
.container .info_section .book_thumb {width: 230px;}
.container .info_section .right_col {width: 280px; margin: 0 auto 0 auto; float: none;}
.container .info_section .info_list dl {padding: 7px 0;}
.container .info_section .info_list dd {width: 90px;}
.container .info_section .info_list dd:before {top: -2px;}
.container .middle_block .txt_section {width: 260px;}
.container .txt_section h2 img {max-width: 260px;height: auto;}
/* GENERAL LIST -30/06/2015-pm
================================================== */
.container .general_list li .thumb {display:block; width: 140px; margin-left: 10px; float: none;}
.container .general_list li .info {display:block; width: auto; float: none}
.container .general_list li .btns {bottom: inherit; top: 80px; right: inherit; left: 160px;}
.container .general_list.no_img li .info {width: auto; margin-bottom: 20px;}
.container .general_list.no_img li .btns {bottom: 10px; top: inherit; right: 0;}
.container .inner_tit {margin: auto auto 20px auto;}
.container .inner_tit h1 {font-size: 24px; line-height: 32px;}
.container .inner_tit .back {font-size: 12px;bottom: -25px;}
/* POPUP FORM -30/06/2015-night
================================================== */
body.ppAction #mm_overly .pp_form .ppClose {width: 40px; height: 40px;top:-18px;right: -5px;}
body.ppAction #mm_overly .pp_form { width: 280px; margin-top: 80px; padding: 10px;}
body.ppAction #mm_overly .pp_form .form_tit {font-size: 24px;}
body.ppAction #mm_overly .pp_form .form_tit .name {font-size: 18px;}
.pp_form .general_form .row {padding: 5px 0; }
.pp_form .general_form .row label {width: auto;display: block;text-align: left;}
.pp_form .general_form .fl_1-2 {width: 240px;margin: 0 auto 10px auto;}
.pp_form .general_form .fl_1-1 {width: 240px;margin: 0 auto 10px auto;}
.general_form .select {margin-bottom: 10px;}
/* HOME SETTING -01/07/2015
================================================== */
.container .mainslider {width: 270px;}
.container .hb_box ul {}
.container .hb_box li.book_info {width: 120px;}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-10px;}
.container .hb_box .owl-theme .owl-controls .owl-buttons div.owl-next {right: -10px;}
.container .hb_box .book_info img.thumb {width: 82px;}
.container .hb_box .book_info .name {font-size: 14px;}
.container .general_tab.home_tab {height: 30px;}
.container .general_tab.home_tab .tab {height: 30px;line-height: 28px; margin: 0 -4px 0 19px}
.container .general_tab.home_tab .tab:before,
.container .general_tab.home_tab .tab:after {height: 30px; width: 20px;bottom: 2px;}
.container .general_tab.home_tab .tab:before {left:-20px;}
.container .general_tab.home_tab .tab:after {right:-20px;}
.container .general_tab.home_tab .tab img {height: 15px;}
.container .column_box {width: 280px;}
.container .column_box .news_img_list {width: 260px;}
.container .column_box .small_tab .tab {padding: 0 10px;}
.container .column_box .small_tab .tab img {height: 16px;}
.container .sub_box { width: 250px; margin: auto;}
.container .sub_form .sub_txt {width: 180px;}
.container .fb_box { width: 250px; margin: auto;}
/* AFTER LOGIN -03/07/2015
================================================== */
.container .mb_info .acc_tit h1 {font-size: 32px;}
.container .mb_info .acc_header {padding: 20px 0 0 0;}
.container .mb_info .acc_header .fl,
.container .mb_info .acc_header .fr {
float: none;
font-size: 16px;
margin-bottom: 10px;
}
.container .mb_info .txt_section h2 {margin-bottom: 0; font-size: 21px;}
.container .mb_info .general_form .row {padding: 5px 0; }
.container .mb_info .general_form .row label {width: auto;display: block;text-align: left;}
.container .mb_info .general_form .fl_1-2 {width: 240px;margin: 0 auto 10px auto;}
.container .mb_info .general_form .fl_1-1 {width: 240px;margin: 0 auto 10px auto;}
.container .general_form .select {margin-bottom: 10px;}
/* FOOTER
================================================== */
body #footer {
background-size: 960px 100px;
padding: 100px 0 0 0;
}
#footer .footer_wrapper {
padding: 20px 0;
}
#footer .footer_wrapper:before {
background-size: 640px 100px;
background-position: left bottom;
height: 100px;
top: -110px;
}
#footer .footer_wrapper p.tc {padding: 6px 10px; font-size: 14px;}
/* SITEMAP - 02/07/2015-PM
================================================== */
.container .sitemap_list > li {width: 48%;}
/* Back to top
================================================== */
body #back-to-top, .touch body #back-to-top:hover{
right: 2%;
bottom: 50px;
}
}