/* All Layer */
html,body{font:12px/1.5;PADDING:0px;MARGIN:0;background:#f0f0f0;font-family:Arial}
form,ul,li{margin:0px;padding:0px;font-family:Arial}
p{margin:5px 0px}
p.r{margin:1em 0px}
div,td{font-size:12px;line-height:1.5}
input,textarea,select{font-family:Arial}
img{vertical-align:middle;border:0}
.clear{clear:both;height:0px;font-size:0;line-height:0}
.cleartm{clear:both}
li{list-style:none}
sup{font-size:8px;font-family:Verdana;color:#d22}
*{-webkit-text-size-adjust:none}

/* Basic Toplayer */
.tcontainer{padding:15px 0px;background:#fff url(/static/images/bg_top.png) repeat-x top left}
.tcontainer.fix{}
.tcontainer.fix .tcontainer_logo{position:fixed;top:0px;width:100%;z-index:50;background:#fff;box-shadow:0px 0px 5px #666;padding-top:0px}
.tcontainer.fix .tcontainer_logo div.fix{margin:0px auto;width:980px}
.tcontainer.fix .tcontainer_menu{margin-top:80px}
.instant_tutoring_ypanel{text-align:left;padding:0px;margin:0 auto;width:980px;margin-top:15px}
.notice_position{width:980px;z-index:49}
.notice_position.fix{position:fixed;top:0px;left:50%;margin-left:-490px;box-shadow:0px 0px 5px rgba(121, 121, 121, 0.75)}
.reminder_position{position:relative;width:980px;margin:0 auto;z-index:50}
.reminder_position.fix{position:fixed;top:0px;z-index:50}
.tcontainer.fix .notice_position.fix{top:80px}
.tcontainer_logo{text-align:left;padding:10px 0px;margin:0 auto;width:980px}
.tcontainer_logo.line{border-bottom:1px #ccc solid}
.logo{float:left;width:170px;*width:160px;text-align:left;height:60px;*background:url(/static/images/icon_top.png) 2px -343px no-repeat}
.logo a{padding:0px 0px 45px 154px;background:url(/static/images/icon_top.png) 2px -343px no-repeat;*line-height:60px}
.top_op{float:none;width:auto;margin-left:185px;padding-top:27px}
.op_search{border:1px #ccc solid;width:119px;height:22px;padding:1px 3px 0px;box-shadow:inset 0px 1px 3px #ccc}
.op_layer{margin:0px 0px 9px;float:right;_width:500px}
.op_layer_sign{text-align:right}
/* Default */
.gridS:before,.gridS:after {display:table;line-height:0;content:""}
.gridS:after {clear:both}
.disno{display:none}
/* Main Menu */
.tcontainer_menu{background-image:-khtml-gradient(linear, left top, left bottom, from(#e3087f), to(#c81777));background-image:-moz-linear-gradient(top, #e3087f, #c81777);background-image:-ms-linear-gradient(top, #e3087f, #c81777);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3087f), color-stop(100%, #c81777));background-image:-webkit-linear-gradient(top, #e3087f, #c81777);background-image:-o-linear-gradient(top, #e3087f, #c81777);background-image:linear-gradient(top, #e3087f, #c81777);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3087f', endColorstr='#c81777', GradientType=0);height:33px;margin:0 auto;width:980px}
.tcontainer_menu > ul > li{float:left;height:33px}
.tcontainer_menu > ul > li > a{display:block;float:left;height:26px;padding:7px 12px 0px;text-align:center;color:#fff;font-weight:bold;font-size:110%;cursor:hand;border-right:1px #b30162 solid;border-left:1px #de4799 solid}
.tcontainer_menu > ul > li > a.ar{padding:7px 0px 0px 12px}
.tcontainer_menu > ul > li > a span.ar{background:transparent url(/static/images/icon_top.png) right -244px no-repeat;padding-right:22px}
.tcontainer_menu > ul > li > a:hover{display:block;float:left;background-image:-khtml-gradient(linear, left top, left bottom, from(#c81777), to(#e3087f));background-image:-moz-linear-gradient(top, #c81777, #e3087f);background-image:-ms-linear-gradient(top, #c81777, #e3087f);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c81777), color-stop(100%, #e3087f));background-image:-webkit-linear-gradient(top, #c81777, #e3087f);background-image:-o-linear-gradient(top, #c81777, #e3087f);background-image:linear-gradient(top, #c81777, #e3087f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c81777', endColorstr='#e3087f', GradientType=0)}
.tcontainer_menu div,.op_search_arrow ul{position:absolute;width:auto;top:33px;left:-2px;border-left:1px #ddd solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;border-top:0px;background:#fff;padding:2px;box-shadow:1px 1px 2px #eee}
.op_search_arrow ul{left:-1px;top:23px}
.tcontainer_menu li ul.popmenu li{float:none;height:auto;white-space:nowrap}
li.hov{position:relative;z-index:20}
div.submenu3{height:3px;border-bottom:1px #ccc solid;background-image:-khtml-gradient(linear, left top, left bottom, from(#ececec), to(#f8f8f8));background-image:-moz-linear-gradient(top, #ececec, #f8f8f8);background-image:-ms-linear-gradient(top, #ececec, #f8f8f8);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #f8f8f8));background-image:-webkit-linear-gradient(top, #ececec, #f8f8f8);background-image:-o-linear-gradient(top, #ececec, #f8f8f8);background-image:linear-gradient(top, #ececec, #f8f8f8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#f8f8f8', GradientType=0);width:980px;margin:0 auto}
/* Main layout */
.wcontainer{background:#fff;padding:0px 0px 20px 0px;text-align:left;min-height:400px}
.container {width:980px;margin:0 auto;zoom:1}
.container-fluid {position:relative;*position:static;width:980px;margin:0 auto;padding:0px;zoom:1;background:#fff}
.container-fluid2 {position:relative;*position:static;width:980px;margin:0 auto;padding:0px;zoom:1;background:#fff}
.container-fluid:before, .container-fluid:after {display:table;content:"";zoom:1;*display:inline}
.container-fluid:after {clear:both}
.container-fluid .sidebar {float:right;width:230px;text-align:left}
.container-fluid .sidebar .spacing {padding:18px;margin-bottom:20px;border:1px #ddd solid}
.container-fluid .sidebar .btn {margin-bottom:20px}
.container-fluid .content {float:left;width:730px}
.container-fluid2 .sidebarP {float:left;width:209px;text-align:left;padding:10px 20px 0px 0px}
.container-fluid2 .contentP {float:right;width:730px;border-left:1px #eee solid;padding-left:20px;min-height:400px}
.container-fluid3 {position:relative;*position:static;width:980px;margin:0 auto;padding:0px;zoom:1;background:#fff}
.container-fluid3 .sidebarP {float:left;width:209px;text-align:left;padding:10px 20px 0px 0px}
.container-fluid3 .slideP{float:right;width:230px;padding-left:20px}
.container-fluid3 .slideP .spacing {padding:18px;margin-bottom:20px;border:1px #ddd solid}
.container-fluid3 .contentP {float:right;width:480px;border-left:1px #eee solid;padding-left:20px}
div.feedback{background-attachment:scroll;background-repeat:no-repeat;background-position:0px 50%;background-size:auto;line-height:1em;left:0px;bottom:50px;z-index:9999;position:fixed;display:block;_display:none;margin-bottom:10px}
div.feedback a{display:block;padding:0px;text-decoration:none}
div.feedback img{border:0px}
.error{text-align:center;z-index:12000;position:fixed;width:100%}
.error span{background:#fdf5d9;border:1px #fae7aa solid;padding:10px 20px;line-height:30px;text-align:center;font-size:13px}
.error.ST231 span,.error.SF302 span,.error.UR003 span,.error.UR018 span,.error.UR009 span{background:#fddfde;color:#404040;border:1px #fbc7c6 solid}
.error.ST220 span,.error.C1002 span{background:#d1eed1;color:#333;border:1px #bfe7bf solid}
.error.ST231 span a.reload,.error.ST231 span a.reemail,.error.SF302 span a.reload,.error.SF302 span a.reemail,.error.UR003 span a.reload,.error.UR003 span a.reemail,.error.UR018 span a.reload,.error.UR018 span a.reemail,.error.UR009 span a.reload,.error.UR009 span a.reemail,.error.ST220 span a.reload,.error.ST220 span a.reemail,.error.C1002 span a.reload,.error.C1002 span a.reemail{display:none}
.all_area{margin:15px 0px 0px 0px}
/* footer */
.foot{background:#f0f0f0 url(/static/images/bg_bottom.png) repeat-x left top;padding:20px 0px 30px}
.footer_style{color:#999;width:980px;margin:0 auto}
.footer_style h4{color:#999;font-size:15px}
ul.footer li{padding:0px 0px 1px 10px;border-left:1px #ddd solid}
div.copyright,div.copyright a,div.copyright ul.sortby li{color:#999}
div.copyright a:hover{color:#333}
div.tmp{text-align:center}
div.tmp span{background-color:#eaeaea;padding:7px 10px}
/* Content Element */
div.title{margin:0px 0px 15px;text-align:left}
div.spacing,div.blank{padding:0px 0px 20px}
div.spacing div.col{border-top:1px #ddd solid;padding:10px 0px}
ul.content_loop li,ul.content_loop2 li,div.content_loop{padding:10px 0px;position:relative}
ul.pb_session_loop li{padding:6px 0px}
.content_loop div.l_rate{width:50px;float:left}
.content_loop div.l_pic{width:60px;float:left}
.content_loop div.r_text,.content_loop div.r_text2{overflow:hidden}
.content_loop div.del{position:absolute;right:10px;top:10px}
.content_loop2 div.l_pic{width:60px;float:left}
.content_loop2 div.r_text{overflow:hidden}
.border_loop{border:1px #ddd solid; padding:15px; position:relative; margin-bottom:20px; background:#fff}
.border_loop_btn{position:absolute; right:15px; bottom:15px; opacity:0}
.border_loop_icon{position:absolute; right:10px; top:10px; opacity:0}
.trans_layout5:hover .border_loop{border:1px #aaa solid}
.trans_layout5:hover .border_loop_btn,.trans_layout5:hover .border_loop_icon{ opacity:1}

.trans_layout5.selected .border_loop{border:1px #aaa solid}
.trans_layout5.selected .border_loop_btn,.trans_layout5.selected .border_loop_icon{ opacity:1}

ul.comment_loop li{padding:0px 0px 10px}
.comment_loop div.l_pic{width:60px;float:left}
.comment_loop div.r_text,.comment_loop div.r_text2{overflow:hidden}
.comment_loop div.l_pic2{width:40px;float:left}
ul.avater_loop li,ul.avater_loop75 li{float:left;margin:0px 0px 10px;width:62px}
ul.avater_loop75 li{width:90px}
ul.language_loop li{margin:0px 0px 5px;list-style:none;width:350px;float:left}
.simple_loop li{padding:5px 0px;position:relative}
.logo_col{padding:0px 80px;text-align:center}
.margin30{margin-bottom:30px}
.padding5{padding:5px 0px}
.padding10{padding:10px 15px}
.padding20{padding:20px}
.padding20 h1,.spacing h1{font-size:32px;font-weight:bold;margin-bottom:10px}
.padding20 h2,.spacing h2{font-size:23px;font-weight:bold;margin-bottom:10px}
.padding20 h3,.spacing h3,.spacing h3 a{font-size:18px;font-weight:bold;margin-bottom:10px}
/* Font */
h1{font-size:22px;color:#333;font-family:Arial;margin:0;padding:0;font-weight:normal;line-height:36px}
H4,H2{margin:0 0 3px;padding:0;font-family:Arial}
H2{line-height:inherit;font-size:22px;color:#323232}
h3{line-height:120%;font-size:18px;color:#333;margin:0px 0px 10px 0px;padding:0px}
h4{line-height:1.2;font-size:15px;color:#333}
a:link,a:visited,a:hover{font-size:12px;font-family:Arial;color:#369;text-decoration:none}
a:hover{color:#e2007b}
div.subtitle h3{font-size:15px}
div.subtitle h4{color:#333;font-size:110%;font-weight:normal;border-bottom:1px #ccc solid;padding-bottom:10px;margin-bottom:10px}
span.text_nn,span.text_nn a{font-size:11px;color:#333}
span.text_nn a:link,span.text_nn a:visited{color:#369;text-decoration:none}
span.text_nn a:hover{color:#e2007b;text-decoration:none}
span.silver_nn,span.silver_nn a{font-size:11px;color:#666}
span.silver_nn a:link,span.silver_nn a:visited{color:#369;text-decoration:none}
span.silver_nn a:hover{color:#e2007b;text-decoration:none}
a:link.link11,a:visited.link11,a:hover.link11 {font-size:11px}
a:link.link_nn,a:visited.link_nn,a:hover.link_nn,a:link.list_nn,a:visited.list_nn,a:hover.list_nn,a:link.nick_nn,a:visited.nick_nn,a:hover.nick_nn,a:link.more_nn,a:visited.more_nn,a:hover.more_nn{color:#369;font-weight:bold;text-decoration:none}
a:hover.link_nn,a:hover.list_nn,a:hover.nick_nn,a:hover.more_nn{color:#e2007b}
.red12, .red12 a{font-size:12px;color:#d22;text-decoration:none}
.pink12{color:#e2007b;font-size:12px;text-decoration:none}
.grey11,.grey11 a{color:#999;font-size:11px}
.grey11 a:hover{color:#e2007b}
.grey12{color:#999;font-size:12px}
/*new font*/
a.title_txtH3{font-size:18px;font-weight:normal;margin:0;padding:0}
.title_txt,a.title_txt,.title_txt a,.nick_nn,a.nick_nn,.nick_nn a{text-decoration:none;font-size:13.2px;line-height:150%;font-weight:bold}
.white_txt,.white_txt a{color:#fff}
.white_txt a:hover{color:#fff;text-decoration:underline}
.des_txt{text-decoration:none;font-size:13px;line-height:150%;color:#545454}
.author_txt,.author_txt a{text-decoration:none;font-size:12px;line-height:150%;color:#999}
.author_txt a{color:#369}
.author_txt a:hover{color:#e2007b}
.silver_txt,.silver_txt a,a.silver_txt{text-decoration:none;font-size:13px;line-height:150%;color:#999}
.con_txt{font-size:120%;color:#545454}
.con_txt a{font-size:100%}
.con_txt p{ font-size:100%}
.black_nn{font-size:11px}
.price_txt{font-size:95%;font-family:Verdana}
blockquote{border-left:5px solid #EEEEEE;margin:0px 0px 20px;padding:0px 0px 0px 15px}
blockquote p {font-size:110%;font-weight:300;line-height:22px;margin-bottom:0px}
blockquote small {color:#999999;display:block;line-height:20px;font-size:85%}
/* Form */
.allxl{width:720px}
.allwid{width:470px}
.allhalf{width:220px}
input.big{height:22px}
select.big{height:32px}
input.allbig{width:340px}
select.allbig{width:350px}

select.allhalf{width:225px}
select.allwid{width:480px}
div.form_layout{background:#f7f7f7;border-bottom:1px #ccc solid}
div.form_layout_l{border-top:1px #ccc solid;padding:14px 20px 12px 0px;text-align:right;width:200px;font-size:14px;float:left}
div.form_layout_r{border-top:1px #ccc solid;padding:8px 0px 12px 20px;background:#fff;float:left;width:740px}
ul.formlist li{margin:0px 0px 15px 0px;padding-left:0;list-style:none}
ul.formlist li div.item{float:left;width:200px;text-align:right}
ul.formlist li div.op{float:left;width:545px;padding-left:20px}
ul.formlistN li{list-style:none;padding:7px 0px}
ul.formlistN li div.item{text-align:left;margin-bottom:3px}
ul.formlistN li div.op{}
div.opl,div.opr{float:left}
div.opl{width:410px}
div.opll{width:200px;float:left;margin-right:10px}
div.oplr{width:200px;float:left}
div.opr{width:310px;padding-left:20px}
ul.formlistN li input.allwid,ul.formlistN li textarea.allwid{width:390px}
ul.formlistN li select.allwid{width:410px}
ul.formlistN li input.allhalf{width:180px}
ul.formlistN li select.allhalf{width:190px}
div.form_submit{padding:20px 0px 0px;margin-top:20px}
/* add form */
ul.formadd li {margin-bottom:10px}
ul.formadd li div.opt{margin-top:5px}
ul.formadd li span.title{font-size:110%;font-weight:bold}
ul.formadd.row25 li {margin-bottom:25px}
ul.formadd.row25 li div.opt{margin-top:5px;position:relative}
/* Alert */
div.LoginPanel{position:absolute;top:31px;padding:2px 5px;left:0px;font-size:13px;background:#fddfde;color:#404040}
div.MessagePanel,div.MessagePanel2,div.MessagePanel4,div.SuccessPanel,div.FailPanel,div.AlertPanel,div.AlertYPanel,div.DesPanel{background-color:#fddfde;border:1px #fbc7c6 solid;padding:10px 15px;margin:20px 0px 0px;color:#404040;font-size:110%}
div.SuccessPanel{background:#d1eed1;border:1px #bfe7bf solid}
div.AlertPanel{background-color:#e8f5fe;border:1px #a9c9e2 solid}
div.AlertYPanel{background-color:#fdf5d9;border:1px #fae7aa solid}
div.DesPanel{background-color:#fffcf7;border:0px #dac013 solid}
div.ErrorPanel IMG,div.MessagePanel IMG,div.ErrorPanel2 IMG,div.MessagePanel2 IMG,div.MessagePanel4 IMG{float:left;margin:3px 10px 0px}
div.ErrorPanel DIV,div.MessagePanel DIV,div.ErrorPanel2 DIV,div.MessagePanel2 DIV,div.MessagePanel4 DIV{margin-top:3px}
div.marginfix{margin:0px 0px 20px}
/* Input */
div input.text, div input.file, div select.select,span input.text, span input.file, span textarea.textarea, span select.select {margin:0px}
input.buttong{margin:0px}
input.text,textarea.textarea,select.select, input.file {border:#ccc 1px solid}
input.text,textarea.textarea{-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-ms-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input.text,input.file,textarea.textarea, input.file{padding:4px;padding:5px 4px 4px 4px\9}
input.text:focus,textarea.textarea:focus{outline:0;border-color:#e2007b;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4;-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4}
select.select{margin:0px;padding:4px;line-height:26px}
input.text{line-height:18px}
div textarea.textarea{margin:0px 0px 5px 0px}
.validatorCalloutHighlight{background-color:lemonchiffon!important}
/* Button */
.buttonb,.buttonxl,.buttoncxl, .buttongb,.button, .buttong,.buttonf,.buttonc,.buttoncn {cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), color-stop(25%, #f9f9f9), to(#e6e6e6));background-image:-webkit-linear-gradient(#f9f9f9, #f9f9f9 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #f9f9f9, #f9f9f9 25%, #e6e6e6);background-image:-ms-linear-gradient(#f9f9f9, #f9f9f9 25%, #e6e6e6);background-image:-o-linear-gradient(#f9f9f9, #f9f9f9 25%, #e6e6e6);background-image:linear-gradient(#f9f9f9, #f9f9f9 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:14px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all}
.buttonb,.buttonxl,.button {color:#ffffff;background-color:#cc1579;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#e0288c), to(#cc1579));background-image:-moz-linear-gradient(top, #e0288c, #cc1579);background-image:-ms-linear-gradient(top, #e0288c, #cc1579);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0288c), color-stop(100%, #cc1579));background-image:-webkit-linear-gradient(top, #e0288c, #cc1579);background-image:-o-linear-gradient(top, #e0288c, #cc1579);background-image:linear-gradient(top, #e0288c, #cc1579);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0288c', endColorstr='#cc1579', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#cc1579 #cc1579 #ba0869;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.buttonf{color:#ffffff;background-color:#db8e3a;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eca251), to(#db8e3a));background-image:-moz-linear-gradient(top, #eca251, #db8e3a);background-image:-ms-linear-gradient(top, #eca251, #db8e3a);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eca251), color-stop(100%, #db8e3a));background-image:-webkit-linear-gradient(top, #eca251, #db8e3a);background-image:-o-linear-gradient(top, #eca251, #db8e3a);background-image:linear-gradient(top, #eca251, #db8e3a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eca251', endColorstr='#db8e3a', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#db8e3a #db8e3a #ca7a23;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.buttoncn{color:#aaa;background:#eee;border:1px solid #ccc;border-bottom-color:#bbb}
.buttonc,.buttoncxl{color:#ffffff;background-color:#1566CC;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#286AE0), to(#1566CC));background-image:-moz-linear-gradient(top, #286AE0, #1566CC);background-image:-ms-linear-gradient(top, #286AE0, #1566CC);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #286AE0), color-stop(100%, #1566CC));background-image:-webkit-linear-gradient(top, #286AE0, #1566CC);background-image:-o-linear-gradient(top, #286AE0, #1566CC);background-image:linear-gradient(top, #286AE0, #1566CC);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#286AE0', endColorstr='#1566CC', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#1566CC #1566CC #286AE0;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.button:link,.button:visited{color:#fff}
.buttoncn:link,.buttoncn:visited{color:#aaa}
.buttonf:link,.buttonf:visited,.buttonc:link,.buttonc:visited{color:#fff}
.buttonb:link,.buttonb:visited{color:#fff;font-size:14px}
.buttong:link,.buttong:visited{color:#333}
.buttongb:link,.buttongb:visited{color:#333;font-size:14px}
.buttonxl:link,.buttonxl:visited,.buttoncxl:link,.buttoncxl:visited{color:#fff;font-size:16px}
.buttonb:hover,.buttonxl:hover,.buttoncxl:hover,.button:hover,.buttonf:hover,.buttonc:hover {background-position:0 -15px;color:#fff;text-decoration:none}
.buttongb:hover,.buttong:hover {background-position:0 -15px;color:#333;text-decoration:none}
.buttonb:focus ,.buttonxl:focus ,.buttoncxl:focus ,.buttongb:focus,.button:focus ,.buttong:focus,.buttonf:focus,.buttonc:focus {outline:1px dotted #666}
.buttonb:active,.buttonxl:active,.buttoncxl:active, .buttongb:active,.button:active, .buttong:active, .buttonf:active, .buttonc:active {-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)}
.button,.buttong,.buttonf,.buttonc{padding:5px 10px 5px;padding:6px 10px 4px\9;*overflow:visible;font-size:12px;line-height:14px}
.buttonxl,.buttoncxl{padding:8px 20px;font-size:16px}
input.fix{overflow:visible}
.buttonbd,.buttond {color:#aaa;background:#eee url(/static/images/icon_submit_load.gif) no-repeat 90% 5px;padding:5px 30px 6px 14px;font-size:14px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb}
.buttond {padding:5px 34px 5px 10px;padding:6px 34px 4px 10px\9;*overflow:visible;font-size:12px;line-height:14px}
.buttonbd:link,.buttonbd:visited{color:#aaa;font-size:14px}/*col line*/
.buttond:link,.buttond:visited{color:#aaa;font-size:12px}/*col line*/
.buttonbdn {color:#aaa;background:#eee;padding:5px 14px 6px;font-size:14px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb}
.buttonbdn:link,.buttond:visited{font-size:14px;cursor:pointer;color:#aaa}
.buttonxln {color:#aaa;background:#eee;padding:8px 20px;border:1px solid #ccc}
.buttonxln:link,.buttonxln:visited{color:#aaa}
div.bb_day{height:25px;border-bottom:1px #ccc solid}
div.bb_day h3{color:#333;font-size:16px;font-weight:bold}
div.bb15,ul.bb15{margin-bottom:10px}

.DonePanel{background:url(/static/images/icon_b_done.png) no-repeat 20px 0px;padding:0px 0px 0px 60px;height:40px;font-size:18px}
ul.list_disc li{list-style:disc outside none;margin-left:20px;font-size:110%;padding:0px;color:#545454}
ul.list_none li{list-style:none;font-size:100%;padding:0px;color:#545454}
/* slide bar */
ul.tabs_col li.col{border-top:1px #eee solid;padding:0px;margin:5px 0px}
ul.tabs_col li.active{border-top:1px #eee solid;border-bottom:1px #eee solid;width:227px;background:#fff;border-left:3px #bbb solid;color:#000;font-weight:bold}
ul.tabs_col > li > a{width:209px;display:block;margin:0px;padding:7px 10px;font-size:110%;color:#333}
ul.tabs_col > li > a:hover{background:#eee}
ul.tabs_col li.active > a:hover{width:207px}
ul.tabs_col li.active:hover{border-top:1px #eee solid;border-bottom:1px #eee solid}

.wd100{width:100%}
.wd90{width:90%}
textarea.wd96{width:96%}
/* option icon */
a.delete{background:url(/static/images/icon_common.png) 0px -820px no-repeat;padding:3px 0px 4px 16px;font-size:11px;cursor:pointer}
a.delete:hover{background-position:0px -800px}
a.flag{background:url(/static/images/icon_common.png) 0px -700px no-repeat;padding:3px 0px 2px 22px;font-size:11px}
a.flag:hover{background-position:0px -680px}
a.block{background:url(/static/images/icon_common.png) 0px -780px no-repeat;padding:3px 0px 2px 22px;font-size:11px}
a.block:hover{background-position:0px -760px}
a.reflash{background:url(/static/images/icon_common.png) 0px -859px no-repeat;padding:3px 0px 2px 16px;font-size:11px;position:absolute;right:0px;top:0px;cursor:pointer}
a.reflash:hover{background-position:0px -839px}
a.help{background:url(/static/images/icon_common.png) 0px -940px no-repeat;padding:3px 0px 2px 16px;font-size:11px}
a.help:hover{background-position:0px -920px}
a.icon_add{background:url(/static/images/icon_common.png) 0px -980px no-repeat;padding:3px 0px 2px 22px}
a.icon_add:hover{background-position:0px -960px}
a.icon_edit{background:url(/static/images/icon_common.png) 0px -1020px no-repeat;padding:3px 0px 2px 16px;font-size:11px;cursor:pointer}
a.icon_edit:hover{background-position:0px -1000px}
a.icon_set{background:url(/static/images/icon_common.png) 0px -1060px no-repeat;padding:3px 0px 2px 16px;font-size:11px;cursor:pointer}
a.icon_set:hover{background-position:0px -1040px}
a.icon_video{background:url(/static/images/icon_common.png) 0px -1540px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_video:hover{background-position:0px -1520px}
.aicon{background:url(/static/images/icon_common.png) 0px -1060px no-repeat;padding:3px 0px 2px 16px} 
.aicon.icon_pro{background-position:0px -240px;color:#966D30}
.aicon.icon_tutor{background-position:0px -260px;color:#2060A6}
.aicon.icon_pu{background-position:0px -220px}
a.reload{background:url(/static/images/icon_common.png) 0px -860px no-repeat;padding:3px 0px 2px 16px;font-size:11px;cursor:pointer}
a.reload:hover{background-position:0px -840px}
a.redelete{background:url(/static/images/icon_common.png) 0px -1180px no-repeat;padding:3px 0px 2px 16px;font-size:11px;cursor:pointer}
a.redelete:hover{background-position:0px -1160px}
a.reemail{background:url(/static/images/icon_common.png) 0px -1220px no-repeat;padding:3px 0px 2px 16px;font-size:11px;cursor:pointer}
a.reemail:hover{background-position:0px -1200px}
a.favorite{background:url(/static/images/icon_common.png) 0px -1460px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.favorite:hover{background:url(/static/images/icon_common.png) 0px -1360px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.favorited{background:url(/static/images/icon_common.png) 0px -1380px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_schedule{background:url(/static/images/icon_btn.png) 0px 0px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_schedule:hover{background:url(/static/images/icon_btn.png) 0px -20px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_contact{background:url(/static/images/icon_btn.png) 0px -80px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_contact:hover{background:url(/static/images/icon_btn.png) 0px -100px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_comment{background:url(/static/images/icon_btn.png) 0px -40px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_comment:hover{background:url(/static/images/icon_btn.png) 0px -60px no-repeat;padding:3px 0px 2px 22px;cursor:pointer}
a.icon_secure{background:url(/static/images/icon_common.png) 0px -40px no-repeat;padding:3px 0px 2px 22px;font-size:11px}
a.icon_lock{background:url(/static/images/icon_common.png) 0px -1602px no-repeat;padding:3px 0px 2px 22px}
a.icon_read{float:right;;background:url(/static/images/icon_common.png) 0px -1803px no-repeat;padding:3px 0px 2px 15px}
a.icon_unread{float:right;background:url(/static/images/icon_common.png) 0px -1784px no-repeat;padding:3px 0px 0px 15px}
.icon_com{background:url(/static/images/icon_common.png) 0px -820px no-repeat;padding:3px 0px 2px 16px;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6}
.icon_com:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}
.icon_link{background:url(/static/images/icon_top.png) right -460px no-repeat}
.icon_return{background:url(/static/images/icon_top.png) -4px -623px no-repeat;padding:0px 0px 0px 18px;line-height:20px;border-right:1px #eee solid;margin-right:10px;float:left}
.icon_com.icon_markread{background-position:0px -1880px}
.icon_com.icon_settings{background-position:0px -1900px}
.icon_action_do24{background:url(/static/images/icon_common.png) 0px -1819px no-repeat;padding:3px 0px 3px 20px;color:#d22}
.icon_action_do{background:url(/static/images/icon_common.png) 0px -1839px no-repeat;padding:3px 0px 3px 20px}
.icon_action_none{background:url(/static/images/icon_common.png) 0px -1859px no-repeat;padding:3px 0px 3px 20px}
.icon_status{border-bottom:2px #ddd solid;padding-bottom:10px;background:url(/static/images/icon_common.png) right -1560px no-repeat}
.icon_status.open{background-position:right -1580px}
.vkeyboard{background:url(/static/images/icon_common.png) no-repeat 0px -742px;padding-left:20px}
.vkeyboard:hover{background-position:0px -722px}

/*modal*/
.hide {display:none} 
a.close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2}
a.close:hover,a.markread:hover {color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4}
.modal-backdrop {background-color:#000000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}
.modal-backdrop.fade {opacity:0}
.modal-backdrop, .modal-backdrop.fade.in {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8}
.modal {position:absolute;z-index:11000;width:560px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;/* IE6-7 */-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.modal .close {margin-top:7px}
.modal.fade {-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%}
.modal.fade.in {top:50%}
.modal-header {padding:5px 15px}
.modal-header h3{font-size:16px;margin:0px;font-weight:bold;line-height:30px}
.modal-body {padding:0px}
.modal-bodyp {padding:0px 15px 15px}
.modal-footer {background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:0}
.modal-footer:before, .modal-footer:after {display:table;content:"";zoom:1;*display:inline}
.modal-footer:after {clear:both}
.modal-footer .btn {float:right;margin-left:5px}
.fade {-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0}
.fade.in {opacity:1}
/* grid system */
.gridS{margin-left:-20px;zoom:1\9}
.col0_50{width:32px;float:left;margin-left:20px}
.col1{width:42px;float:left;margin-left:20px}
.col1_50{width:52px;float:left;margin-left:20px}
.col1_00{width:52px;float:left;margin:0px 0px 20px 20px}
.col2{width:105px;float:left;margin-left:20px}
.col3{width:165px;float:left;margin-left:20px}
.col3_50{width:135px;float:left;margin-left:20px}
.col4{width:230px;float:left;margin-left:20px}
.col4_50{width:230px;float:left;margin-left:20px}
.col5{width:292px;float:left;margin-left:20px}
.col5_00{width:275px;float:left;margin-left:20px}
.col5_50{width:287px;float:left;margin-left:20px}
.col6{width:355px;float:left;margin-left:20px}
.col6_50{width:350px;float:left;margin-left:20px}
.col7{width:417px;float:left;margin-left:20px}
.col7_50{width:405px;float:left;margin-left:20px}
.col8{width:480px;float:left;margin-left:20px}
.col9{width:542px;float:left;margin-left:20px}
.col10{width:605px;float:left;margin-left:20px}
.col10_50{width:585px;float:left;margin-left:20px}
.col11{width:667px;float:left;margin-left:20px}
.col11_50{width:657px;float:left;margin-left:20px}
.col12{width:730px;float:left;margin-left:20px}
.col15{width:937px;float:left;margin-left:20px}
.col16{width:980px;float:left;margin-left:20px}

.col1.right{float:right}
.col3.center{text-align:center}
.col2.right{text-align:right}
.col3.right ul.sortby li{float:right}
.col8.right{text-align:right}
.col9.right{float:right}
.gridS .alignr{float:right}
.gridS .textc{text-align:center}
.gridS .textr{text-align:right}
.gridS.btm15{margin-bottom:15px}

.font15{font-size:16px;line-height:22px}
h3.pink{color:#e2007b}

/* footer icon */
.facebook16,.twitter16,.sina16{background:url(/static/images/shareicon/icon_footer_sns.png) 0px 0px no-repeat;padding:0px 0px 4px 16px}
.twitter16{background-position:0px -40px}
.sina16{background-position:0px -80px}
.foot_sns{background:url(/static/images/icon_sns.png) 0px -200px no-repeat;padding:5px 0px 5px 32px;cursor:pointer}
.foot_sns.fb{background-position:0px -200px}
.foot_sns.fb:hover{background-position:0px -160px}
.foot_sns.tw{background-position:0px -40px}
.foot_sns.tw:hover{background-position:0px 0px}
.foot_sns.vk{background-position:0px -280px}
.foot_sns.vk:hover{background-position:0px -240px}
.foot_sns.wb{background-position:0px -360px}
.foot_sns.wb:hover{background-position:0px -320px}
/* loading */
.load16{display:block;text-align:center;margin-top:10px;margin-bottom:10px;margin:0 auto;background:url(/static/images/loading.gif) no-repeat 10px 10px;height:16px;width:16px;padding:10px}


/*deactive*/
.deactive{background:#000;opacity:0.2;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.placeholder{position:absolute;top:1px;left:5px;padding:2px;font-size:13px;color:#999}
.add.search input {background:url(/static/images/icon_common.png) 3px -398px no-repeat;padding-left:25px}
.add.search .placeholder{left:25px}
.bg_mh2 .placeholder{position:absolute;top:6px;left:10px;padding:6px 16px 6px 6px;font-size:13px;color:#999}
/* hidden */
.trans{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease}
.transimage{visibility:hidden}
.trans_layout:hover .transimage{visibility:visible}
.transimage2{visibility:visible}
.trans_layout:hover .transimage2{visibility:hidden}
.transimage3{visibility:hidden}
.trans_layout3:hover .transimage3{visibility:visible}

.trans_layout4
.transimage4{visibility:visible}
.trans_layout4:active .transimage4{visibility:hidden}
.trans_time{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}