*{list-style: none;margin: 0;padding: 0;border:none;text-decoration: none;-webkit-transition:all ease 0.6s;cursor: default;}
::-webkit-scrollbar-track-piece{background: #eee;}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background: #333;border-radius: 50px}
.no-transition{-webkit-transition:none !important;}
.ca {zoom:1;}
.ca:after{content: ".";height:0;visibility: hidden;clear: both;display: block;}
.fl{float:left;}
.fr{float: right;}
html,body{height:100%;width: 100%;font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,"黑体",sans-serif;-webkit-user-select: none;}
input{cursor: text;-webkit-user-select: all;}
.wel{position: fixed;z-index:10;height:100%;width: 100%;background: #E2E2D5 url(../img/apple-logo-login.png) no-repeat center center;background-size: 100px;-webkit-transition:none;}
.login{position: fixed;z-index:5;padding-top:350px;height:100%;width: 100%;background-color: #3d3d3d;background: -webkit-radial-gradient(circle,rgba(255,255,255,0.15),transparent), url(../img/background.png);-webkit-transition:all ease 0.3s;text-align: center}
.login_box{display: inline-block;text-align: center;}
.avatar{overflow: hidden;border-radius: 999px;display: inline-block;border:3px solid #fff;box-shadow: 0 0 400px 20px rgba(0, 0, 0, 0.7),0 2px 12px #000;}
.login_box p{text-align: center;padding:15px;font-size: 17px;color: #fff;line-height: 20px;letter-spacing: 2px;text-shadow:0 0 1px #fff;}
.login_box input{height: 20px;
line-height: 20px;
padding: 3px;
border-radius: 4px;
background-color:#fff;
background: #fff url(../img/pw.jpg) no-repeat 4px center; 
box-shadow: 0 0 8px 1px #333;}
.login_box input:focus{background: #fff;box-shadow: 0 0 8px 1px #0E9AF7;}

.wrap{position: fixed;z-index:1;height:100%;width: 100%;}
.dock_div{width:100%;position: absolute;bottom:0;left:0;text-align: center;z-index:9999;}
.dock_bg{position: relative;z-index:-1;-webkit-transform:scaleY(-1) perspective(500px) rotateX(45deg);-moz-transform:scaleY(-1) perspective(500px) rotateX(45deg);height:50px;margin:0 -15px;background:#99F3FF;opacity: 0.3;border-bottom:5px solid #60ACBB;border-radius: 15px;}
.dock{display: inline-block;margin-bottom:-70px;padding-top: 30px;}
.dock:hover{margin-bottom:0;}

.dock ul{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);position: relative;}
.dock ul li{float:left;margin:0 5px;-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);padding-bottom:20px;-webkit-box-reflect: below -44px -webkit-linear-gradient(transparent 50%,#fff);}
.dock ul li a{display: inline-block;height:50px;width: 50px;background: url(../img/logo3.png) no-repeat;background-size: 100%;}
.dock ul li.launch_dock a{background: url(../img/launch.png) no-repeat center bottom;background-size: 100%;}
.dock ul li.finder_dock a{background: url(../img/finder.png) no-repeat center bottom;background-size: 100%;}
.dock ul li.safari_dock a{background: url(../img/safari.png) no-repeat center bottom;background-size: 100%;}

.launch_pad{position: absolute;z-index:99;padding-top:40px;height: 800px;width: 100%;overflow: hidden;
	-webkit-transition:all ease 0.4s;
	-moz-transition:all ease 0.4s;
opacity: 0;
-webkit-transform: scale(1.4);
}
.launch_pad ul{display: inline-block;width: 1000px;}
.launch_pad ul li{float: left;padding:10px;}
.launch_pad ul li a{display: inline-block;width: 180px;color: #fff;}
.launch_pad ul li a img{width: 100px;height:100px;padding:20px 40px 10px 40px;}
.launch_pad ul li a h4{text-align: center;font-weight: normal;font-size: 14px;text-shadow: 0 0 6px #000;}

.launch_pad>.all_pad>div{float: left;text-align: center;}
.all_pad{width: 9999999px;position: relative;left:0;-webkit-transition:none;}


.top_bar{position: absolute;z-index:99999999999999;top:0;left:0;width: 100%; 
	height: 20px;background-color:#F0F0F0;background:-webkit-linear-gradient(rgba(233, 233, 233, 0.9),rgba(187, 186, 187, 0.9));background:-moz-linear-gradient(rgba(233, 233, 233, 0.9),rgba(187, 186, 187, 0.9));box-shadow: 0 -3px 10px #111;border-bottom: 1px solid rgba(68,68,68,0.5);}
.menu{float:left;line-height:20px;height:20px;color: #111;}

.menu li{float: left;}
.menu li h3{padding:0 5px;font-size: 13px;font-weight:normal;line-height: 19px;}
.menu li:first-child h3{font-weight: bold;font-size: 14px;}
.desktop_bg{position: absolute;
height: 110%;
width: 110%;
top: -5px;
left: -5px;
background:#ADB3FA url(../img/c3.jpg) no-repeat;
-webkit-transition:none;
/*
-webkit-animation:'bg' 10s linear 0s infinite normal ;
*/}
@-webkit-keyframes 'bg'{
	0%{-webkit-filter:blur(0px) saturate(2);}
	50%{-webkit-filter:blur(5px) saturate(0.7);}
	100%{-webkit-filter:blur(0px) saturate(2);}
}
.desktop{position: absolute;width: 100%;top:20px;left:0;}
.desktop>div{z-index: 15;}
.finder{min-width: 500px;min-height: 200px;width: 610px;height:400px;position: absolute;top:50px;left:300px;background: #fff;border-radius: 5px;border:1px solid #aaa;-webkit-transition:none;box-shadow: 0 20px 40px rgba(50,50,50,0.5);overflow: hidden;}
.finder_top{position: absolute;top:0;left:0;width: 100%;height:50px;background: -webkit-linear-gradient(#ddd,#C7C7C7);background: -moz-linear-gradient(#ddd,#C7C7C7);z-index: 10;border-bottom:1px solid #999;}
.finder_main{position:relative;margin-top:50px;min-height: 150px;height:350px;-webkit-transition:none;}
.finder_main>div{-webkit-transition:none;}
.finder_sidebar{position:absolute;left:0;top:0;width:150px;height:100%;background: #D4E1E6;border-right:1px solid #aaa;}

.finder_top h2{position: absolute;width: 100%;font-size: 14px;text-align: center;color: #555;font-weight: normal;line-height: 20px;cursor:default;}
.finder_btn{position: absolute;left: 0;top:2px;padding-left:5px; }
.finder_btn a{display: inline-block;margin:0 1px;width: 12px;height:12px;border-radius:99px;box-shadow: 0 -1px 1px #363636,0 0 4px #363636 inset;background-image: -webkit-radial-gradient(6px 12px,circle,rgba(255, 255, 255, 0.8) 2px,rgba(255, 255, 255, 0) 7px,rgba(255, 255, 255, 0) 8px,rgba(255, 255, 255, 0.8) 11px);background-image: -moz-radial-gradient(6px 12px,circle,rgba(255, 255, 255, 0.8) 2px,rgba(255, 255, 255, 0) 7px,rgba(255, 255, 255, 0) 8px,rgba(255, 255, 255, 0.8) 11px);cursor: default;}
.finder_btn a.red{background-color: #FC4646;}
.finder_btn a.yellow{background-color: #FDDB2A;}
.finder_btn a.green{background-color: #A3FFA3;}

.finder_top_main{position:absolute;bottom:0;left:0;height: 28px;width: 100%}
.next_back{float:left;display:inline-block;margin-left:6px;background: -webkit-linear-gradient(#eee,#C7C7C7);background: -moz-linear-gradient(#eee,#C7C7C7);border:1px solid #999;border-radius: 4px;}
.next_back a{display: block;float:left;width: 30px;height:20px;}
.next_back .back{border-right:1px solid #aaa;}
.next_back a span{border:5px solid transparent;}
.next_back .back span{display: block;width:0px;height:0px;margin:5px 9px;border-left:none;border-right:10px solid #555;}
.next_back .next span{display: block;width:0px;height:0px;margin:5px 11px;border-right:none;border-left:10px solid #555;}
.search{display:inline-block;float: right;margin-right:5px;border-radius: 99px;padding:2px 10px;background: #fff;box-shadow: 0 1px 4px #555 inset;}
.search input[type=text]{width:200px;height:16px;line-height: 16px; background: none;}
.finder_top_tab{position: absolute;left:150px;width: 200px;}
ul.btns{background:-webkit-linear-gradient(#eee,#C7C7C7);background:-moz-linear-gradient(#eee,#C7C7C7);border:1px solid #999;border-radius:4px;display: inline-block;}
ul.btns li{float:left;border-left:1px solid #aaa;}
ul.btns li:first-child{border:none;}
ul.btns li a{display: block;width: 30px;height:20px;}
ul.btns li.current a{background: -webkit-linear-gradient(#616161,#8B8B8B);background: -moz-linear-gradient(#616161,#8B8B8B);box-shadow: 0 1px 4px #444 inset;}

.right_ajust{height:100%;width: 5px;position: absolute;right:-2px;top:0;cursor: ew-resize;z-index: 99999;}
.bottom_ajust{height:5px;width: 100%;position: absolute;right:0px;bottom:-2px;cursor: s-resize;z-index: 99999;}

.finder_sidebar h4{font-size: 12px;color: #41698F;line-height: 30px;padding-left:8px;}
.finder_sidebar ul li{font-size: 14px;font-family: Helvetica;color: #3F3F3F;padding: 3px 0 3px 35px;
background: url(../img/blank.png) no-repeat 10px center;
background-size: 12%;}
.finder_content{margin-left:150px;height:100%;overflow-y: scroll;}
.type1,.type2,.type3,.type4{display: none;}
.type1 ul li {float: left;width: 100px;margin:5px;text-align: center;height:100px;position: relative;}
.type1 ul li h5{position: absolute;bottom:0;left:0;width:100%;text-align:center;font-size: 12px ;font-weight: normal;line-height: 20px;}
.type1 ul li img{max-width: 60px;max-height: 50px;margin:20px 0 10px;border:3px solid #fff;box-shadow: 0 1px 3px #888;}

.type2 ul li{overflow: hidden;padding-left:10px;}
.type2 ul li:nth-child(2n+1){background: #eee;}
.type2 ul li h5{float: left;line-height: 30px;font-size: 12px;font-weight: normal;padding-left:20px;}
.type2 ul li img{float: left;height: 20px;padding: 5px;}

.type3 ul li{text-align: center;padding-bottom:20px;display: inline-block;
padding: 20px;}
.type3 ul li img{border:5px solid #fff;box-shadow: 0 2px 5px #888;}
.type3 ul li h5{width:100%;text-align:center;font-size: 20px ;font-weight: normal;line-height: 60px;color: #333;}


.time{position:absolute;top:0;right:0;line-height: 20px;height:20px;overflow: hidden;font-size: 14px;padding: 0 10px;}

.safari{min-width: 500px;width: 1300px;height:700px;min-height:200px;position: absolute;top:50px;left:50px;background: #fff;border-radius: 5px;border:1px solid #aaa;-webkit-transition:none;box-shadow: 0 20px 40px rgba(50,50,50,0.5);overflow: hidden;padding:3px;}
.safari_top{position: absolute;top:0;left:0;width: 100%;height:50px;background: -webkit-linear-gradient(#ddd,#C7C7C7);background:-moz-linear-gradient(#ddd,#C7C7C7);z-index: 10;border-bottom:1px solid #999;}

.safari_top h2{position: absolute;width: 100%;font-size: 14px;text-align: center;color: #555;font-weight: normal;line-height: 20px;cursor:default;}
.safari_top_main{position:absolute;bottom:0;left:0;height: 28px;width: 100%}
.safari_btn{position: absolute;left: 0;top:2px;padding-left:5px; }
.safari_btn a{display: inline-block;margin:0 1px;width: 12px;height:12px;border-radius:99px;box-shadow: 0 -1px 1px #363636,0 0 4px #363636 inset;background-image: -webkit-radial-gradient(6px 12px,circle,rgba(255, 255, 255, 0.8) 2px,rgba(255, 255, 255, 0) 7px,rgba(255, 255, 255, 0) 8px,rgba(255, 255, 255, 0.8) 11px);background-image: -moz-radial-gradient(6px 12px,circle,rgba(255, 255, 255, 0.8) 2px,rgba(255, 255, 255, 0) 7px,rgba(255, 255, 255, 0) 8px,rgba(255, 255, 255, 0.8) 11px);cursor: default;}
.safari_btn a.red{background-color: #FC4646;}
.safari_btn a.yellow{background-color: #FDDB2A;}
.safari_btn a.green{background-color: #A3FFA3;}
.safari_main{width: 100%;height:650px;padding-top:50px;-webkit-transition:none;position: relative;}
.safari_cover{position: absolute;top:0;left:0;width: 110%;height:120%;z-index: -1;}
.safari_main iframe{-webkit-transition:none;}
.address{display:block;border-radius: 99px;margin:0 100px;padding:2px 10px ;background: #fff;box-shadow: 0 1px 4px #555 inset;}
.address input[type=text]{width:100%;height:16px;line-height: 16px; background: none;cursor: text;}


.selector{
display:none;
position: absolute;
-webkit-transition:none;
top: 200px;
left: 200px;
border: 1px solid #003A91;
background: #4A93FF;
width: 200px;
height: 300px;
opacity: 0.5;border-radius: 2px;}
.context_menu{display:none;position:absolute;width:100px;top:200px;left:0;background: rgba(255,255,255,0.95);border-radius:3px;-webkit-transition:none;overflow: hidden;z-index: 99999999999999999999999999;box-shadow: 0 2px 5px #888;}
.context_menu ul{}
.context_menu ul li{line-height: 25px;padding:0 10px;border-bottom:1px solid #eee;font-size: 12px;}
.context_menu ul li:last-child{border:none;}
.context_menu ul li:hover{background: -webkit-linear-gradient(top,#7793f5 0%,#406df2 50%,#275af1 100%);background: -moz-linear-gradient(top,#7793f5 0%,#406df2 50%,#275af1 100%);color: #fff;}


.info_div{position: absolute;z-index:20;width: 100%;height:100%;text-align: center;}
.info{background: #fff;display: inline-block;padding:20px;border-radius: 10px;box-shadow: 0 2px 5px #666;}
.info:before{content:'Designed by Apple. Coded by Robinson Chai at HXSD.';display: inline-block;font-size: 14px;color: #666;}

/***********/
.icons{margin-top:20px;position:relative;}
.icon{position: absolute;text-align: center;width: 150px;height:150px;-webkit-transition:none;border-radius: 8px;border:2px solid transparent;padding:5px;box-sizing:border-box;}
.icon div{height:100px;}
.icon img{width: 100px;}
.icon h4{text-align: center;color: #fff;font-weight: normal;font-size: 14px;line-height: 20px;text-transform: capitalize;
padding: 10px 0;}
.icon.selected{background: rgba(97, 198, 255, 0.38);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 2px rgba(2, 38, 131, 0.27) inset;
background-clip: padding-box;}
#del,#paste,#copy,#open{color:#ccc;}
#del.del,#paste.paste,#copy.copy,#open.open{color:#333;}
/*=========================================*/
.taskman{text-align: center;position: relative;z-index:99999999999999;}
.taskman_inner{display: inline-block;}
.taskman_margin{margin-top:000px;height:1px;width:1px;position: relative;-webkit-transform: perspective(400px) rotateX(-5deg);}
.taskman_margin>div{position: absolute;top:0;left:0;}
.taskman_margin>div>div{-webkit-transform-origin:0 0;}
.task_btn{position: absolute;top:0;left:0;background: red;width: 50px;height:50px;}
.taskman .taskwin{-webkit-transition:all ease 0.3s;}
.cover{position: fixed;height: 100%;width: 100%;top:0;left:0;z-index: 99999999999999999;}
#menu {position:absolute;left:10px;top:0;line-height:21px;}
#menu ul {margin:0;padding:0;}
#menu ul li {float:left;position:relative;height:21px;}
#menu>ul>li>ul>li:last-child {border-radius: 0 0 4px 4px}
#menu ul li.apple a{background:url(../img/apple.png) no-repeat center 0px;background-size:40%;display:block;position:relative;text-indent:-9999px;top:0;padding:0 10px 0 10px;width:20px;height:21px;}
#menu ul li a{display:block;color:#000;font-size:13px;text-decoration:none;text-shadow:0 1px 1px #dbdbdb;padding:0 10px;font-weight:400;}
#menu ul li.here a{font-weight:bold;}
#menu ul li:hover {background:#7793f5;background:-moz-linear-gradient(top,#7793f5 0%,#406df2 50%,#275af1 100%);background:-webkit-linear-gradient(top,#7793f5 0%,#406df2 50%,#275af1 100%);border-bottom:1px solid transparent;}
#menu ul li:hover a{color:#fff;text-shadow:none;}
#menu ul li.apple:hover a{-webkit-filter:invert(100%);}
#menu ul li ul.sublist {float:left;left:0;top:22px;list-style:none;margin:0;padding:0;position:absolute;background:rgba(255,255,255,0.95);box-shadow:0 6px 12px rgba(0,0,0,0.7);border-radius:0 0 5px 5px;display:none;}
#menu ul li ul.sublist li {clear:both;padding:0;margin:0;padding:0 0 0 22px;width:200px;font-size:13px;line-height:20px;}
#menu ul li:hover ul.sublist {display:block;}
#menu ul li ul.sublist li:hover {color:#fff;}
#menu ul li ul.sublist li a{color:#000;text-indent:0;width:200px;background-image:none;padding:0;font-weight:normal;display:block;}
#menu ul li ul.sublist li:hover a{color:#fff;}
#menu ul li ul.sublist li :first-child{margin:5px 0 0 0;}
#menu ul li ul.sublist li :last-child{margin:0 0 5px 0;}
#menu ul li ul.sublist li.divider{border-top:1px solid #e2e2e2;height:1px;background:none;margin:5px 0 4px 0;}
#menu ul li ul.sublist li.divider:hover {border-top:1px solid #e2e2e2;}
#menu ul li ul.sublist li:hover {border:none;}
#menu ul li ul.sublist li.disable{color:#969696;}
#menu ul li ul.sublist li.disable:hover {background:none;}
#menu ul li ul.sublist li span.arrow{position:relative;display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid rgba(0,0,0,0.5);top:5px;right:10px;text-indent:-9999px;float:right;}
#menu ul li ul.sublist li:hover span.arrow{border-left-color:#fff;}
#menu ul li ul.sublist li.disable span.arrow,#menu ul li ul.sublist li.disable:hover span.arrow{border-left-color:rgba(0,0,0,0.35);}
#menu ul li ul.sublist li ul.sublist-menu{float:left;left:100%;top:-5px;list-style:none;margin:0;padding:0;position:absolute;background:rgba(255,255,255,0.95);box-shadow:4px 9px 12px rgba(0,0,0,0.7);border-radius:0 5px 5px 5px;display:none;color:#000;}
#menu ul li ul.sublist li ul.sublist-menu li{clear:both;padding:0;margin:0;padding:0 0 0 22px;width:200px;font-size:13px;line-height:20px;}
#menu ul li ul.sublist li:hover ul.sublist-menu{display:block;}
#menu ul li ul.sublist li ul.sublist-menu li:hover {color:#fff;}
#menu ul li ul.sublist li ul.sublist-menu li:first-child{margin:5px 0 0 0;}
#menu ul li ul.sublist li ul.sublist-menu li:last-child{margin:0 0 5px 0;}
#menu ul li ul.sublist li ul.sublist-menu li.divider{border-top:1px solid #e2e2e2;height:1px;background:none;margin:5px 0 4px 0;}
#menu ul li ul.sublist li ul.sublist-menu li.divider:hover {border-top:1px solid #e2e2e2;}
#menu ul li ul.sublist li ul.sublist-menu li:hover {border:none;}
#menu ul li ul.sublist li ul.sublist-menu li.disable{color:#969696;}
#menu ul li ul.sublist li ul.sublist-menu li.disable:hover {background:none;}