* {
    margin:0;
    padding:0;
    font-family: Verdana, 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', dotum;
}


::selection {
    background: #b93332;
    color: #fff;
}
::-moz-selection {
    background: #b93332;
    color: #fff;
}

.key {
font-family: 'Lucida Grande','Apple SD Gothic Neo',sans-serif;
font-weight:bold;
font-size:12px;
padding:0px 4px 0px 4px;
border-style:solid;
border-width:1px;
border-bottom-width:2px;
border-right-width:2px;
border-color:#A9A9A9;
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mkey {
font-family: 'Lucida Grande','Apple SD Gothic Neo',sans-serif;
font-weight:bold;
font-size:12px;
padding:0px 4px 0px 4px;
border-style:solid;
border-width:1px;
border-bottom-width:2px;
border-right-width:2px;
border-color:#A9A9A9;
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

body {
    background:#262626 url(images/bgtopohigh.png) repeat;
    background-size: 450px 450px;
    
    color:#262629;
    font-size:13px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p {

line-height: 24px; 
padding:10px;
        font-size:13px;
        text-align:justify;
	color: #1a1a1a;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


code {
    font-size: 1.1em;
    padding: 4px;
    -webkit-border-radius: 3px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
word-break:break-all;
word-wrap:break-word;
line-height:2em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:bolder;
    letter-spacing:-0.07em;
}
h1 {font-size:200%;}
h2 {font-size:180%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:140%;color:rgb(204, 61, 61);}
h6 {font-size:100%;}


img {
    border:0;
}

.imageblock {  
margin:10px 0px 10px; //padding:5px 5px;
}

img.sided {
    background:#FFF;
    border:1px solid #CCC;
    padding:3px;
}
small {
    font-size:10px;
}
a:hover img.sided {
    border-color:#A6A6A6;
}
a {
    color:#344375;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

.cnt { font-size:10px; color:#555;}


blockquote {
    background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
    border:1px dashed #CCC;
    padding:8px 12px 8px 36px;
    margin:5px 20px;
}
pre {
font-family: consolas, monaco, "courier new", courier, monospace;
font-size:1em;
padding: 1em 2em;
background: #e7ebef;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow:auto;
margin-bottom:1em;
line-height:24px; /* Having to define explicit pixel values :( */
}

.alignleft {
    float:left;
    text-align:left;
    margin-right:10px;
}
.alignright {
    float:right;
    text-align:right;
    margin-left:10px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.left {
    float:left;
    margin-right:10px;
}
.right {
    float:right;
    margin-left:10px;
}
.fixed, .clear {
    clear:both;
}
input.textfield, 
textarea {
    background:#FFF url(images/textfield.gif) top repeat-x;
    border:1px solid #A6A6A6;
    padding:2px 1px;
}
.boxcaption {

    padding:0px 0px;
}
.boxcaption h3 {
    font-size:12px;
    font-family:Verdana,"BitStream vera Sans";
    letter-spacing:0em;
}
.box {
    padding:8px 10px;
    margin-bottom:10px;
font-size:12px;
color:#444444;
    line-height:24px;
}
.messagebox, 
.errorbox {
    background:#EDEFF0 url(images/messagebox.gif) no-repeat;
    padding:0 12px;
    height:27px;
    line-height:27px;
    font-size:11px;
}
.w3c {
    color:#080;
    font-size:10px;
}
/* static END */

/* layout START */

#container {
width:1041px;     
margin:-1px auto;
padding:30px 0;
}

/* layout END */

/* header START h401.png */
#header {
    background:url(images/topbar1041-2.png) 0 0 no-repeat;
    height:137px;
    width:100%;
}
#caption {
    height:44px;
    padding:27px 30px 21px;
}
#title a {
    text-decoration:none;
    color:#FFF;
    /*width:250px;*/
    height:30px;
    display:block;
    font-family:"Trajan Pro" !important;
    letter-spacing:-0.07em;
		margin-top:-0px;
}

#tagline {
    color:#FFF;
    text-decoration:none;
    font-size:11px;
    float:left;
    padding:0px;
}

#gifkit {
    background:transparent url(images/home1041-2.gif) no-repeat;
    display:block;
    width:1041px;
    height:4px;
    margin:-1px 0 0 0;
    padding:0;
    text-decoration:none;
    z-index:1;
}

#navigation {
}
#menus li {
    display:inline;
    list-style:none;
}
#menus li a {
    background:transparent url(images/tm12.png) no-repeat;
    background-size: 200px 186px;
    display:block;
    color:#382E1F;
    height:31px;
    line-height:31px;
    padding:0 20px;
    margin-left:-10px;
    text-decoration:none;
    font-size:11px;
    float:left;
    z-index:1;
}
#menus li a:hover {
    background-position:0 -31px;
}
#menus li.current_page_item a, 
#menus li.current-cat a {
    background-position:0 -62px;
}
#menus li a.home {
    background-position:0 -93px;
    width:45px;
    padding:0;
    margin-left:0;
    text-indent:-999em;
}
#menus li a.home:hover {
    background-position:0 -124px;
}
#menus li.current_page_item a.home {
    background-position:0 -155px;
}
#menus li a.lastmenu:hover {
    background-position:0 0;
}
#searchbox {
    width:280px;
    float:right;
    padding:4px 10px;
}
#searchbox .textfield {
    line-height:16px;
    width:180px;
    float:right;
}
#searchbox .switcher {
    background:url(images/icons2.gif) 0 0 no-repeat;
    float:right;
    width:18px;
    height:22px;
    line-height:16px;
    display:block;
    text-indent:-999em;
    padding:0 2px;
    height:16px;
    margin-top:3px;
    border:0;
}
/* header END */

/* submenu START */
#menus li ul {
    display:none;
    background:#F4F5F7;
    border:1px solid #CCC;
    border-top-color:#A6A6A6;
    padding:0 5px;
}
#menus li li {
    float:none;
    margin:0 !important;
    margin:0;
    padding:0;
    display:block;
    list-style:none;
}
#menus li li a {
    float:none;
    display:block;
    padding:5px;
    text-decoration:none;
    width:150px;
    font-size:12px;
    border-style:solid;
    border-color:#DDD;
    border-width:1px 0 0;
    margin:0;
    background-image:none;
    height:20px;
    line-height:20px;
}
#menus li li.first a {
    border-top:none;
}
#menus li li a:hover {
    font-weight:bolder;
}
/* submenu END */

/* content START */
#content {
    background:#FFF url(images/sidesep10.gif) right repeat-y;
    min-height:400px;
    line-height:165%;
    width:100%;
}
/* content END */

/* main START */
#main {
    background:#fff;
    width:703px;
    padding:5px 9px 15px 21px;
    float:left;
    overflow:hidden;
}
#notice {
    color:#080;
}
#notice a {
    text-decoration:underline;
}

.article li {padding-left:10px; list-style-position:inside;padding-left: 20px;}

.post h2, h2.title {
    display:block;
    margin-top:19px;
    margin-bottom:10px;
border-bottom:1px solid #cccccc;
    line-height:20px; 
    padding:0 0px 5px;
    font-size:19px;
    color:#444;
}
.post h3, h3.title {
    display:block;
    margin-top:30px;
    margin-bottom:5px; 
    line-height:30px;
    border-left: 5px solid #4197B8;
    border-bottom:1px solid #f2f2f2;  
    padding:0 10px 1px;
    font-size:18px;
    color:#333;
}
.post h4, h4.title {
    display:block;
    margin-top:0px;
    padding:0 10px 0px;
    font-size:15px;
    color:#222;
}
.post h2 a {
    color:#555555;
}
.post h2 a.title {
    text-decoration:none;
    color:#4C4C4C;
}
.post h2 a.title:hover {
    color:#2970A6;
}
.post .info {
    margin:5px;
}
.post .info span.first {
    margin-left:0;
}
.post .date, 
.post .tags, 
.post .author, 
.post .categories, 
.post .editpost, 
.post .readingblinds, 
.post .comments, 
.post .addcomment, 
.post .editlinks {
    background:url(images/icons2.gif) no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
}
.post .act {
    height:16px;
    float:right;
}
.post .act span {
    float:left;
    margin-left:15px;
}
.post .act span span{
    margin-left:0;
}
.post .tags {
    background-position:0 -16px;
}
.post .categories {
    background-position:0 -32px;
}
.post .author {
    background-position:0 -176px;
}
.post .date {
    background-position:0 -48px;
    float:left;
}
.post .editpost {
    background-position:0 -64px;
}
.post .readingblinds {
    background-position:0 -80px;
}
.post .comments {
    background-position:0 -96px;
}
.post .addcomment {
    background-position:0 -112px;
}
.post .editlinks {
    background-position:0 -192px;
}
.post .content {
    padding:5px 0px 5px 5px;
    line-height:145%;
    overflow:hidden;
}
.post .content p {
    margin-bottom:10px;
}
p.under {
    height:16px;
    line-height:16px;
    margin-top:10px;
}
p.under span {
    float:left;
    margin-right:15px;
}
.post .content h3 {
    color:#080;
    padding:0 5px 3px;
    margin-bottom:10px;
    font-size:14px;
}
.post .content h4 {
    color:#080;
    padding:0 5px 3px;
    margin-bottom:10px;
    font-size:12px;
}

.post .content img {
    max-width:688px;
}
.post .content ul,
.post .content ol {
    padding-bottom:10px;
    margin-bottom:10px;
    padding-left:20px;

}
.post .content ul li,
.post .content ol li {
    list-style-position:inside;
    padding-left:40px;
    margin-bottom:10px;
	
}

.post li
{
margin:0 10px 5px 10px;
line-height: 24px; 
}
.post .content table {
    background:#FFF;
    border:1px solid #CCC;
    margin:5px 0 10px;
}
.post .content table tr td {
    border-top:1px solid #CCC;
    padding:2px 10px;
}
.post .content table tr th {
    padding:1px 10px;
    background:#EDEFF0;
    text-align:left;
}

.post ul {
    margin-left:25px;

}

.box ol li{
    list-style:none;
}
.post .content .boxcaption {
    background-image:url(images/postbox.gif);
}
.post .content .box {
    background-image:url(images/postbox.gif);
}
#postpath {
    background:url(images/icons2.gif) 0 -208px no-repeat;
    height:16px;
    line-height:16px;
    margin:5px 0;
    padding-left:22px;
}
#pagenavi, 
#postnavi {
    margin:10px -5px 0;
    padding:10px 5px 0;
}
#pagenavi {
    font-size:13px;
}
#pagenavi .newer a, 
#postnavi .prev a {
    background:url(images/icons2.gif) 0 -224px no-repeat;
    padding-left:22px;
    float:left;
    height:16px;
    line-height:16px;
}
#pagenavi .older a, 
#postnavi .next a {
    background:url(images/icons2.gif) 100% -240px no-repeat;
    padding-right:2px;
    float:right;
    height:16px;
    line-height:16px;
}

#pagenavi span.current, .selected, .page_navi span.dots
 {color:#F86517 !important;font-weight:bold; }


/* main END */

/* sidebar START */
#sidebar {
    background:url(images/noise_f7.gif) 0 0px repeat;
    width:290px;
    float:right;
    /*font-size:95%;*/
    line-height:145%;
    overflow:hidden;
    
}
#sidebar li {
    background:url(images/icons2.gif) 0 -320px no-repeat;
    padding-left:22px;
    list-style:none;
    margin-top:5px;
    /*font-size:95%;*/
}
#sidebar .content,
#sidebar li {
    font-size:12px;
}
#sidebar .widget, #sidebar .module {
    background:url(images/widgetsep.p) bottom no-repeat;
    padding:10px 15px 19px;
}
#sidebar, 
#southsidebar {
    /*font-size:95%;*/
}
#sidebar .widget h2, 
#southsidebar .widget h2 {
    margin-bottom:10px;
}
#sidebar .widget .content p, 
#southsidebar .widget .content p {
    margin-bottom:10px;
}

#sidebar #tagcloud ul li {display:inline; background:none; list-style:none; padding:0 2px;}
#sidebar #tagcloud a {line-height:130%;}
#sidebar #tagcloud .cloud1 { font-size:18pt;}
#sidebar #tagcloud .cloud2 { font-size:14pt;}
#sidebar #tagcloud .cloud3 { font-size:11pt;}
#sidebar #tagcloud .cloud4 { font-size:10pt;}
#sidebar #tagcloud .cloud5 { font-size:8pt;}

/* sidebar END */

/* footer START */
#footer {
    background:url(images/foot700.png) no-repeat scroll 0 bottom;
    display:block;
    height:88px;
    border-top:1px solid #CCC;
    font-size:11px;
    line-height:145%;
    width:100%;
}
#footer a {
    color:#2A2A2A;
}
#copyright {
    margin-top:12px;
    margin-left:20px;
}
#themeinfo {
    margin-left:20px;
}
a#powered {
    background:url(images/wp-logo.png) no-repeat;
    display:block;
    width:92px;
    height:57px;
    float:left;
    margin:0 10px 0 5px;
    text-indent:-999em;
}
a#gotop {
    background:url(images/icons2.gif) 0 -304px no-repeat;
    float:right;
    height:16px;
    line-height:18px;
    display:block;
    padding-left:16px;
    margin:5px 15px 0 0 !important;
    margin:5px 8px 0 0;
    text-decoration:none;
}
/* footer END */

/* comment START */
#commentlist {
    background:#FCFCFC;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    margin:10px -15px;
    padding:0 15px;
}
#commentlist ol, 
#commentlist li {
    list-style:none;
}
#cmtswitcher {
    background:#FFF;
    font-size:10px;
    padding-top:5px;
}
#cmtswitcher a.tab, 
#cmtswitcher a.curtab {
    padding:5px 10px;
    margin-bottom:-1px;
    display:block;
    float:right;
    color:#555;
    text-decoration:none;
}
#cmtswitcher a.tab {
    border:1px solid #FFF;
    border-bottom-color:#CCC;
}
#cmtswitcher a.curtab {
    background:#FCFCFC;
    border:1px solid #CCC;
    border-bottom-color:#FCFCFC;
}
#cmtswitcher .addcomment, 
#cmtswitcher .addtrackback {
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
    float:left;
    margin-right:15px;
    margin-top:4px !important;
    margin-top:3px;
}
#trackbacks {clear:both; overflow:hidden; position:relative;}
#cmtswitcher .addcomment {
    background:url(images/icons2.gif) 0 -112px no-repeat;
}
#cmtswitcher .addtrackback {
    background:url(images/icons2.gif) 0 -144px no-repeat;
}
#thecomments, 
#thetrackbacks {
    padding-bottom:15px;
    overflow:hidden;
}
#thecomments .comment, 
#thecomments .messagebox {
    margin-top:15px;
    overflow:hidden;
}
.cmtauthor {
    float:left;
    width:115x;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.cmtpic {
    background:url(images/commentpoint.png) 100% 33% no-repeat;
    padding-right:14px;
    margin-top:10px;

}
.avatar {
    padding:1px;
	  float:center;
    border:1px solid #999;
}
.cmtname {
    width:115px;
    padding-right:1px;
    font-weight:bolder;    
text-align:center;
	margin-right:10px;
}
.cmtname img{ width:32px; height:32px; padding:1px; top:11px; left:39px; 
            position:absolute;  background-color:#FFF;}
.admincomment .cmtname img { left:59px;}

.cmtinfo {
    background:#EDEFF0 url(images/comment.gif) 0 0 no-repeat;
    float:left;
    padding:10px 15px 0;
    width:494px;
}
.cmtdate, 
.tbdate {
    float:left;
    font-size:10px;
}
.cmtact, 
.tbact {
    float:right;
    font-size:10px;
}
.cmtcontent {
    background:url(images/comment.gif) 100% 100% no-repeat;
    margin:0 -15px;
    padding:0 15px 10px;
    line-height:145%;
}
.cmtcontent p {
    margin-top:10px;
    font-size:13px;
}
.comment .content blockquote p {
    margin-top:0;
    margin-bottom:10px;
}
.admincomment .cmtauthor {
    float:right;
}
.admincomment .cmtpic {
    background:url(images/commentpoint.png) 0% 33% no-repeat;
    padding-right:0;
    padding-left:14px;
}
.admincomment .cmtname {
    padding-right:0;
    padding-left:14px;
}
.admincomment .cmtinfo {
    float:right;
}
#comment_login {
    margin-top:15px;
}
#thetrackbacks {
    overflow:hidden;
}
#thetrackbacks li {
    margin-top:15px;
    list-style:none;
}
.trackback {
    background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
    padding:10px 15px 0;
    width:575px;
}
.tbtitle {
    text-align:center;
    font-size:12px;
    display:block;
    margin:10px 0 -5px;
}
.trackback .title {
    background:#EDEFF0 url(images/box.gif) 100% 100% no-repeat;
    padding:10px 15px !important;
    padding:0 15px 10px;
    width:575px;
    margin:0 -15px;
}
#respond {
    padding:10px 0 0;
    font-size:11px;
}
#respond .row {
    margin-bottom:5px;
}
#respond .textfield {
    width:200px;
}
#emoticon {
    float:right;
    margin-top:1px;
    margin-right:10px;
}
#comment {
    width:678px;
}
#commentnavi {
    background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
    padding:10px 15px;
    font-size:11px;
}
#commentnavi a.page-numbers {
    padding:5px 7px;
    text-decoration:none;
    border:1px solid #EDEFF0;
    margin:0 -2px;
}
#commentnavi a.page-numbers:hover { 
    background:#F7F7F7;
    border:1px solid #CCC;
    text-decoration:none;
}
#commentnavi span.pages {
    padding:0 7px 0 22px;
    background:url(images/icons2.gif) 0 -272px no-repeat;
    height:16px;
    line-height:16px;
    float:left;
}
#commentnavi span.current {
    background:#F7F7F7;
    padding:5px 7px;
    border:1px solid #F7F7F7;
    font-weight:bold;
    margin:0 -2px;
}
#commentnavi #commentpager {
    line-height:16px;
}
#searchbox {
    background: url(images/searchbox3.gif) no-repeat;
    width:209px;
    height:21px;
    display:block;
    float:right;
    margin-top:4px;
    margin-right:30px !important;
    margin-right:5px;
    padding:3px 2px;
}
#searchbox .textfield {
    background:none;
    border:0px;
    width:185px;
    float:left;
    margin-right:2px;
    padding-left:2px;
}
#searchbox .button {
    background:none;
    border:0px;
    width:18px;
    height:18px;
    cursor:pointer;
    float:left;
    margin-top:1px;
}
#searchbox .searchtip {
    color:#999;
}

/* comment END */

/* linkcat START */
.post .content .linkcat ul li {
    list-style:none;
    float:left;
    width:25%;
    padding:2px 0;
    overflow:hidden;
}
.post .content .linkcat ul li a {
    background:url(images/icons2.gif) 0 -160px no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
}
/* linkcat END */

/* image switcher START */
.imageswitcher {
    background:#EDEFF0;
    padding:5px;
    font-size:11px;
}
.imageswitcher_image {
    background:#FFF;
    border:1px solid #BABABA;
    padding:3px;
    margin:0;
}
a .imageswitcher_image:hover {
    border-color:#999;
}
a.imageswitcher_button {
    float:left;
    margin-top:1px !important;
    margin-top:3px;
    margin-bottom:0 !important;
    margin-bottom:5px;
    margin-right:4px;
    padding:2px 5px;
    background:#B4D666;
    border-top:1px solid #B4D666;
    border-right:1px solid #81B840;
    border-bottom:1px solid #81B840;
    border-left:1px solid #B4D666;
    color:#2970A6;
}
a.imageswitcher_button:hover {
    background:#98C64C;
    border-top:1px solid #76B33A;
    border-right:1px solid #98C64C;
    border-bottom:1px solid #98C64C;
    border-left:1px solid #76B33A;
    text-decoration:none;
    color:#074A7E;
}
/* image switcher END */

/*taglog*/
.taglog ul                  { padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#2970A6;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#999; }

#sidebar #feedrss, 
#sidebar #feedemail, 
#sidebar #followme,
#sidebar #followmeadn {
    height:32px;
    line-height:32px;
    display:block;
    padding:0px 5px 0px 36px;
    float:left;
    text-decoration:none;
    font-size:11px;
    margin-top:7px;
}
#sidebar #feedrss {
    background: url(images/c33.png) no-repeat;
    background-size: 32px 32px;
    margin-left:5px;
}
#sidebar #feedemail {
    background: url(images/c11.png) no-repeat;
    background-size: 32px 32px;
    margin-left:7px;
}
#sidebar #followme {
    background: url(images/c22.png) no-repeat;
    background-size: 32px 32px;
    margin-left:18px;
}
#sidebar #followmeadn {
    background: url(images/feeds4.png) 5px -145px no-repeat;
    margin-left:5px;
}
}
#notice {
color:#080;
}
#notice a {
text-decoration:none;
}

#notice h3 { color:#303030;}
#sidebar .widget, #sidebar .module {
    background:url(images/thin_line.png) bottom no-repeat;
    padding:10px 15px 19px; 
}
div.blogger-news-widget {
background:url("http://cfs.tistory.com/custom/blog/96/965036/skin/images/ipad4.png") no-repeat scroll center transparent; clear:both; display:inline; float:right; height:130px; margin-top:0px; margin-bottom:10px;overflow:hidden !important; padding-top:40px;
}

a.button {
    position: relative; display: inline-block;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    font: bold 12px Helvetica, Arial, Geneva, sans-serif !important;
    border: 1px solid #0071c9;
    border-radius: 999px;
    -webkit-box-shadow: 1px 1px 2px #918e8e, inset 1px 1px 0px #82d2fb;
    box-shadow: 1px 1px 2px #918e8e, inset 1px 1px 0px #82d2fb;
    text-shadow: 0 -1px 0 #0f619d;
    background: #1a88da;
    background: -webkit-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
    background: -moz-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
    background: -o-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
    background: -ms-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
    background: linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
}
a.button:hover {
    -webkit-box-shadow: 1px 1px 2px #777, inset 1px 1px 0px #82d2fb, inset 0 0 4px #a2ddfb;
    box-shadow: 1px 1px 2px #777, inset 1px 1px 0px #82d2fb, inset 0 0 4px #a2ddfb;
}
a.button:active {
    top: 1px;
    -webkit-box-shadow: 1px 1px 2px #777, inset 0 0 5px #0b6af0, inset 0 0 5px #0b6af0;
    box-shadow: 1px 1px 2px #777, inset 0 0 5px #0b6af0, inset 0 0 5px #0b6af0;
}
a.button img {
    float: left;
    width: 13px; height: 13px;
    margin-right: 10px;
    border: 0;
}
a.button-big {
    padding: 10px 25px;
    font-size: 20px;
    border-radius: 5px
}
    a.button-big img {
        float: left;
        width: 25px; height: 25px;
        margin-right: 20px
    }
a.button-price {
    margin-right: 53px;
    padding-right: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
a.button-price span {
font: bold 12px Helvetica, Arial, Geneva, sans-serif !important;
        position: absolute; display: block;
        top: -1px; right: -53px;
        padding: 5px 10px;
        border-left: 1px solid #333;
        border-top-right-radius: 99px;
        border-bottom-right-radius: 99px;
        border: 1px solid #0071c9;
        -webkit-box-shadow: 1px 1px 2px #918e8e, inset 1px 1px 0px #82d2fb;
        box-shadow: 1px 1px 2px #918e8e, inset 1px 1px 0px #82d2fb;
        background: #1a88da;
        background: -webkit-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
        background: -moz-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
        background: -o-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
        background: -ms-linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
        background: linear-gradient(bottom, rgb(0, 116, 204) 0%, rgb(45, 167, 247) 71.8%) #1a88da;
    }
a.button-disabled, a.button-disabled:hover, a.button-disabled:active {
    top: 0px;
    color: #afafac;
    text-shadow: 0 -1px 0 #ffffff;
    border: 1px solid #bfbcbc;
    -webkit-box-shadow: inset 1px 1px 0 #eee;
    box-shadow: inset 1px 1px 0 #eee;
    background: #cacacb;
    background: -webkit-linear-gradient(bottom, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 71.8%) #cacacb;
    background: -moz-linear-gradient(bottom, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 71.8%) #cacacb;
    background: -o-linear-gradient(bottom, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 71.8%) #cacacb;
    background: -ms-linear-gradient(bottom, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 71.8%) #cacacb;
    background: linear-gradient(bottom, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 71.8%) #cacacb;
}

.mac-key {
  /*Box Properties*/
  display:inline-block;
  width:48px;
  height:48px;
  margin: 0px 4px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
/*Text Properties*/
  font: 18px/48px Helvetica, serif ;
  text-transform: uppercase;
  text-align: center;
  color: #666;
}

#search_ap {
    float: right;
    margin: 0px -16px 0px 0px;
    }

#search_ap input[type="text"] {
    background: url(images/search-white2.png) no-repeat 10px 6px #454648;
background-size: 15px 15px;
outline: none;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:0px;
    padding: 6px 12px 6px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    }

#search_ap input[type="text"]:focus {
    background: url(images/search-dark2.png) no-repeat 10px 6px #fcfcfc;
background-size: 15px 15px;
outline: none;
padding: 6px 12px 6px 35px;
    color: #6a6f75;
    width: 190px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    }

.tabs {
  float: left;
  width: 104%;
}

.tabs>.labels>label {
  background-color: #eee;
  border-radius: 0 2em 0 0;
  color: #999;
  cursor: pointer;
  float: left;
  height: 3em;
  line-height: 3em;
  overflow: hidden;
  padding: 0 1em;
  position: relative;
  width: 45%;
  margin: 1em 0 0 0;
  border-bottom: .2em solid #464748;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.tabs>.labels>label:nth-of-type(3) {
  width: 0%;
}
.tabs>.labels>label:hover {
  background-color: #ccc;
  color: #333;
}

input#tab1:checked ~ .labels>label[for="tab1"],
input#tab2:checked ~ .labels>label[for="tab2"],
input#tab3:checked ~ .labels>label[for="tab3"] {
  background-color: #464748!important;
  color: #fff!important;
  display: block!important;
}

.tabs>.labels>label a {
  color: inherit;
}

.tab_container {
  clear: both;
  overflow: auto;
  width: 683px;
  padding: 1em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.tabs>input[type="radio"], .tabs .tab_content {
  display: none;
}

input#tab1:checked ~ .tab_container>#tab1C,
input#tab2:checked ~ .tab_container>#tab2C,
input#tab3:checked ~ .tab_container>#tab3C {
  display:block;
}
@media screen and (max-width:480px) {
  .tabs>.labels>label {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
  .tabs>.labels>label:nth-of-type(3) {
    width: 100%;
  }

  .tabs>.labels>label:first-of-type {
    margin: 1em 0 0 0;
  };
}

/*ink effect*/
.ripplelink{
  display:block;
  position: relative;
  overflow: hidden;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}

.ripplelink:hover{
  z-index:1000;
  box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 16px 3px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 16px 3px;
  -moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 16px 3px;
}


.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0);
}

.animate {
  -webkit-animation:ripple 0.65s linear;
  -moz-animation:ripple 0.65s linear;
  -ms-animation:ripple 0.65s linear;
  -o-animation:ripple 0.65s linear;
  animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}