@charset "utf-8";html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}a{outline:none;}a:focus{outline:none;}html,body{height:100%;background-color:#F60;}body{padding-top:20px;}body *{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666;}.main-side{background:no-repeat 0 40px;}a{text-decoration:none;}a:hover{color:#F65306;}img.print_logo{display:none;}a#ysdlogo{margin-left:62px;margin-top:30px;width:138px;height:90px;display:block;z-index:100;position:absolute;text-indent:-999px;}a#ysdlogo{background:url(images/menu.jpg) no-repeat -363px -29px;}.frame{background-color:#FFF;width:937px;margin:0 auto;background:url(images/clip-bg.jpg) 1px;padding-bottom:20px;min-height:850px;height:auto!important;height:850px;overflow:hidden!important;overflow:inherit;}.top-assist-bar{background:url(images/clip-top-assist-bar.jpg) no-repeat left;position:absolute;margin-left:529px;}.top-assist-bar{overflow:hidden;width:408px;white-space:nowrap;display:block;height:30px;margin-top:-3px;}.top-assist-bar *{font-size:10px;color:#FFF;text-decoration:none;}.top-assist-bar li{float:left;white-space:nowrap;line-height:23px!important;line-height:24px;}.top-assist-bar li.first{padding-left:10px!important;padding-left:0;}.top-assist-bar input.search{position:relative!important;left:6px;background:url(images/btn-search.gif) no-repeat;border:none;width:122px;height:16px;padding-left:18px;color:#333;padding-top:2px;margin-top:-4px!important;margin-top:0;}.top-assist-bar input.search-fill{background:url(images/btn-search-focus.gif) no-repeat;}.top-assist-bar{margin-top:-1px;background:url(images/menubar-top.gif) no-repeat;height:22px;}.top-assist-bar .need_design a{display:block;width:87px;text-indent:-999px;}.needadesign_fadebtn{background:url(images/menubar-top.gif) no-repeat -10px -26px;}.top-assist-bar .hotline{width:160px;text-indent:-999px;}.main-content *{font-size:14px;}.main-content{margin:0 auto;width:580px;background-color:#FFF;padding-bottom:40px;}.main-content p{margin-bottom:20px;}.main-content strong{font-weight:bold;}.main-menu{background:url(images/menu.jpg) no-repeat;height:450px;overflow:hidden;width:100%;margin-bottom:28px;}.main-menu *{font-size:14px;}.main-menu li.first{margin-top:200px;}.main-menu ul li{margin:0 0!important;}.main-menu li{text-align:right;margin-left:130px;overflow:hidden;float:left!important;float:none;margin-right:24px!important;margin-right:0;}.main-menu li a.hover{background-image:url(images/menu.jpg);}.main-menu li a:hover{background-color:#FFF;}.main-menu li a{background-image:url(images/menu.jpg);overflow:hidden;line-height:100px;display:block;width:120px;float:left;height:25px;}.main-menu ul li a{height:19px;}.main-menu ul li.first{margin:0;margin-top:-3px;}.main-menu .menu-bn-aboutysd{margin-top:-2px;background-position:-431px -198px;}.main-menu a.menu-bn-ourclient{background-position:-431px -223px;}.main-menu a.menu-bn-services{margin-top:2px;background-position:-431px -250px;}.main-menu a.menu-bn-reference{margin-top:-2px;height:20px;background-position:-431px -273px;}.main-menu a.menu-bn-website{margin-top:2px;background-position:-431px -295px;}.main-menu a.menu-bn-graphic{background-position:-431px -314px;}.main-menu a.menu-bn-logodesign{background-position:-431px -333px;}.main-menu a.menu-bn-photography{background-position:-431px -352px;}.main-menu a.menu-bn-concept{background-position:-431px -371px;}.main-menu a.menu-bn-contactus{margin-top:6px;height:25px;background-position:-431px -396px;}.content-section{overflow:hidden;width:100%;}.left-side{float:left;width:274px;}.main-side{float:left;width:663px;padding-top:260px;min-height:750px;height:auto!important;height:750px;}.footer-section{overflow:hidden;width:100%;background:url(images/clip-footer-line.jpg) no-repeat 274px 18px;}.footer-section *{font-size:12px;color:#666;}.footer-section .links{float:right;margin-right:20px;}.footer-section .links *{text-decoration:none;}.footer-section .links li{display:inline;background:url(images/clip-black-splitter.jpg) no-repeat left 1px;padding-left:17px;}.footer-section .links li.first{background-image:none;}.footer-section .copyright{float:right!important;margin-top:12px;font-size:11px;margin-left:250px;margin-right:18px;white-space:nowrap;}.footer-section a.ecardstore{float:left;margin-left:320px;font-weight:bold;}h1{background-repeat:no-repeat;}.main-content h1{height:30px;margin-bottom:10px;overflow:hidden;text-indent:-999px;color:#FFF;}.action-box{margin:10px 0 20px 0;overflow:hidden;width:100%;}.action-box *{font-size:11px;color:#333;}.action-box button{border:none;overflow:hidden;line-height:40px;padding-top:10px;cursor:pointer;width:53px;height:14px;margin-top:-22px;}.action-box a.submit{margin-right:12px;background:url(images/btn_submit.jpg) no-repeat left top;float:right;width:52px;margin-top:-22px;}.submit_fadebtn{background:url(images/btn_submit.jpg) no-repeat left -14px;text-indent:-999px;}.action-box a.go{float:right;background:url(images/btn_go.jpg) no-repeat left top;width:22px;margin-right:14px;margin-top:-22px;}.go_fadebtn{background:url(images/btn_go.jpg) no-repeat left -14px;text-indent:-999px;}input.field{border:1px solid #CCC;}select,input{vertical-align:middle;}.action-box .action-fields input.field{padding:1px 0;width:120px;}.action-box .action-fields label{width:35px;display:block;text-align:right;float:left;line-height:20px;margin-right:10px;}.action-box-login .action-fields label{width:60px;}.action-box-subscription .action-fields input.field{width:144px;}.action-box .action-fields li{margin:6px 0;margin-left:10px;}.action-box h1{overflow:hidden;text-indent:-999px;margin-bottom:10px;height:20px;}h1.title-clientlogin{background-image:url(images/menubar-clientlogin.jpg);}h1.title-subscription{background-image:url(images/menubar-subscription.jpg);}h1.title-checkdomain{background-image:url(images/menubar-checkdomain.jpg);}.info-box{padding-top:40px;background:url(images/clip-hline.jpg) no-repeat 0 42px;margin:0 10px;}.info-box h1{color:#F65306;font-weight:bold;background-color:#FFF;display:inline;margin-left:20px;font-size:14px;margin-bottom:10px;}.main-content h2{background:url(images/content-hline.jpg) no-repeat left 3px;}.main-content h3{background:url(images/content-hline2.jpg) no-repeat left 3px;}.main-content h2 *,.main-content h3 *{background-color:#FFF;color:#F65306;font-weight:bold;font-size:14px;margin-left:20px;padding-right:4px;}ul.info-list{padding-top:10px;padding-left:40px;}ul.info-list li{list-style-type:disc;margin-bottom:1px;}ul.info-list a{color:#F60;}ul.info-list a:hover{color:#333;}.info-box ul.info-list{border-bottom:1px solid #DEDEDE;padding-bottom:20px;}a.share_facebook{background:url(images/btn-facebook3.jpg) no-repeat left top;position:absolute;margin-top:-18px;overflow:hidden;line-height:30px;width:180px;height:18px;line-height:60px;}a.share_facebook:hover{background:url(images/btn-facebook3.jpg) no-repeat left -18px;}a.content-top{background:url(images/clip-top.jpg) no-repeat left top;height:12px;line-height:40px;float:right;width:40px;overflow:hidden;margin-top:40px;}.urlprint{display:none;}#searchresult,#searchresult_shadowbg{width:408px;margin-top:22px;margin-left:529px;}#searchresult_shadowbg{position:absolute;background-color:#000;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:100;}#searchresult{z-index:999;position:absolute;}#searchresult h2{color:#FFF;font-size:10px;}#searchresult li.first{background:url(images/clip-search-concer.jpg) no-repeat left top;}#searchresult li h1{background-color:#000;height:17px;margin-left:0;padding-left:10px;color:#F90;padding-top:1px;background-position:10px;}#searchresult li.first h1{background:#000 no-repeat left top;background-position:0 0;margin-left:10px;padding-left:0;}#searchresult li h1.website{background-image:url(images/search-website.jpg);text-indent:-9999px;}#searchresult li h1.graphic{background-image:url(images/search-graphic.jpg);text-indent:-9999px;}#searchresult li h1.logodesign{background-image:url(images/search-logodesign.jpg);text-indent:-9999px;}#searchresult li h1.photography{background-image:url(images/search-photography.jpg);text-indent:-9999px;}#searchresult li h1.concept{background-image:url(images/search-concept.jpg);text-indent:-9999px;}#searchresult ul.categorylist{overflow:hidden;width:100%;}#searchresult ul.categorylist li{float:left;width:30.5%;padding-left:2.5%;height:91px;margin-top:7px;}#searchresult ul.categorylist li img{float:left;}#searchresult a.search-moreresult{position:absolute;margin-top:-17px;margin-left:320px;display:block;line-height:60px;overflow:hidden;background:url(images/btn-more-results.jpg) no-repeat left top;widows:76px;height:17px;}ul.leftimgdes li{overflow:hidden;width:100%;border-bottom:1px solid #EEE;padding:18px 0;}ul.leftimgdes img.leftimg{float:left;padding:4px;background:url(images/content-imgframe1.jpg) no-repeat left top;margin:auto 0 auto 20px;display:block;position:relative;}ul.leftimgdes .info{float:left;width:330px;margin-left:25px;min-height:80px;height:auto!important;height:80px;}ul.leftimgdes h1{margin:0;padding:0;line-height:normal;overflow:auto;color:#F65306;font-weight:bold;height:auto;}ul.leftimgdes .des{font-size:12px;}a.details{background:url(images/btn-details1.jpg) no-repeat left top;overflow:hidden;line-height:100px;width:54px;height:18px;display:block;}ul.leftimgdes{margin-bottom:20px;}ul.gridcol{overflow:hidden;width:100%;margin:14px auto;}ul.gridcol{overflow:hidden;width:100%;margin:14px auto;}ul.gridcol li{float:left;text-align:left;margin-bottom:10px;}ul.grid4col li{width:22%;}ul.grid3col li{width:33%;}ul.leftimgdes a.details{float:right;margin-right:10px;}.subsection-ourcilents ul.gridcol li img{background:url(images/clip-ourclient_imgframe.jpg) no-repeat left top;padding:4px;float:left;width:160px;height:80px;}.subsection-ourcilents a.details{float:right;margin-right:10px;}.title-first-head{background-image:url(images/title-webdesign.jpg);}.leftimgdes2 a.gotowebsite{background:url(images/btn-gotowebsite.jpg) no-repeat left top;display:block;float:left;line-height:60px;overflow:hidden;height:10px;margin-top:8px;margin-left:56px;width:82px;}.leftimgdes2 a.gotowebsite:hover{background:url(images/btn-gotowebsite.jpg) no-repeat left -11px;}.leftimgdes2 a.facebook{background:url(images/btn-facebook2.gif) no-repeat left top;display:block;float:left;line-height:60px;overflow:hidden;height:12px;margin-top:8px;width:46px;}ul.leftimgdes2 li{overflow:hidden;width:100%;border-bottom:1px solid #EEE;padding:18px 0;}ul.leftimgdes2 img.leftimg{float:left;margin:auto 0 auto 0;display:block;position:relative;border:3px solid #DBDBDB;}ul.leftimgdes2 .info{float:left;width:374px;margin-left:25px;min-height:112px;height:auto!important;height:112px;}ul.leftimgdes2 h1{margin:0;padding:0;line-height:normal;overflow:auto;color:#F65306;font-weight:bold;height:auto;margin-bottom:2px;}ul.leftimgdes2{margin-bottom:20px;}ul.leftimgdes2 a.details{float:right;}ul.leftimgdes2 li.noimage .info{width:580px;margin-left:0;}.combobox-container{border:1px solid #CCC;cursor:pointer;background:#FFF url(images/btn-combodrop.jpg) no-repeat right;}.combobox-container .wrap{border:1px solid #CCC;margin-left:-1px;background-color:#FFF;}.combobox-container *{font-size:13px;}.combobox-selected-item{cursor:pointer;margin-left:10px;}.combobox-option-list{padding:6px 0;background-color:#FFF;}.combobox-option-list{height:96%;overflow:hidden;}.combobox-option-list li{padding:2px 0;cursor:pointer;width:100%;}.combobox-option-list li.hover{background-color:#F60;color:#FFF;}.combobox-option-list li{line-height:18px;width:100%;display:block;padding-left:10px;}.main-menu li a{display:none;}.main-menu li{cursor:pointer;}#backtotop{position:fixed!important;position:absolute;margin-left:937px;width:15px;height:43px;background-color:#FFF;top:100%!important;top:auto;margin-top:-140px!important;margin-top:0;}#backtotop a{display:block;height:100%;background-image:url(images/clip-top.gif);}.imageenlarge_overright_zoom{width:420px;border:3px solid #CCC;position:absolute;background:#FFF url(images/clip-ajax-loader438x274.gif) left top;z-index:800;margin-left:188px;min-height:254px;height:auto!important;height:254px;}a#ysdlogo{display:block;}#checkdomainframe{border:1px solid #999;position:fixed!important;position:absolute;top:0;margin-left:274px;z-index:999;width:662px;height:100%;background:#FFF url(images/clip-ajax-loader.gif) no-repeat center center;}#checkdomainframe iframe{width:100%;height:100%;background:#FFF url(images/clip-ajax-loader.gif) no-repeat center center;}._fadebtn_cell{cursor:pointer;}
.combobox-container{
display:inline-block;
text-align:left;
position:relative;
top:-25px;
}
.qr_list{
margin:0px 10px 0px 10px; padding-top:40px;
}
.qr_list p{
font-weight: bold; font-size:13px;
}
.qr_list p.qr_m{
color: #757575; width: 120px; margin:6px 0; text-align: center;
}
.qr_list p.qr_m a.ios_chokface{
color:#FF9126;
}
.qr_list p.qr_m a.ios_chokface:hover{
color:#F65306;
}
.qr_list p.qr_m a.ios_version{
color:#5f9e07;
}
.qr_list p.qr_m a.ios_version:hover{
color:#F65306;
}
.qr_list p.qr_m a.web_version{
color:#5f9e07;
}
.qr_list p.qr_m a.web_version:hover{
color:#F65306;
}
.qr_list p.qr_m a.xmas_game{
color:#8d0029;
}
.qr_list p.qr_m a.xmas_game:hover{
color:#F65306;
}
.qr_list p.qr_m a.ipad_calculator{
color:#000;
}
.qr_list p.qr_m a.ipad_calculator:hover{
color:#F65306;
}
.qr_list p.qr_m a.xmas_ecard{
color:#000;
}
.qr_list p.qr_m a.xmas_ecard:hover{
color:#F65306;
}
.qr_list p.qr_m a.hbc100{
color:#000;
}
.qr_list p.qr_m a.hbc100:hover{
color:#F65306;
}
.qr_list p.qr_m a.bee_cheng_hiang{
color:#000;
}
.qr_list p.qr_m a.bee_cheng_hiang:hover{
color:#F65306;
}
.qr_list p.qr_y{
color: #F60; text-align: center; width: 120px; margin:6px 0;
}
.qr_list p.qr_x{
color: #8d0029; text-align: center; width: 120px; margin:6px 0;
}
.qr_list p.qr_f{
color: #3a5999; margin: 6px 0 0 -3px; *margin:6px 0 0 -5px;
}