/*
Theme Name: myid
Theme URI: http://jsbox.net
Description:
Version: V1
Author:Theme design: Jay Kwong
Author URI: http://jsbox.net/

*/

body { padding:0; margin:0; background:url(images/myid_bgb.jpg) top repeat-x #F5F7F2; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

#bg { width:100%; background:url(images/myid_bga.jpg) top center no-repeat; }

br { line-height:6px }

ul { list-style:0; padding:0; margin:0 }

a { text-decoration:none; color:#333; border:0px solid #fff }

a img { border:0px solid #fff }

.inner { width:760px; margin:0 auto }

.fright { float:right; padding-left:10px; }

.fleft { float: left; }

.p0 { padding:0px!important }

.p10 { padding:10px }

.p20 { padding:20px }

.clean { display:block; overflow:hidden; width:100%; height:1px; clear:both }

.topic_title { padding:30px 0 0 10px }


img.alignright, img[align="right"] {
display:inline;
margin:0 0 2px 7px !important;
padding:4px !important;
}

img.alignleft, img[align="left"] {
display:inline;
margin:0 7px 2px 0 !important;
padding:4px !important;
}


.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }

.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }

.center { text-align:center; margin: 0.5em auto; }

.alignleft {float: left;}

.alignright {float:right;}

img {
border:0 none;
}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:3px}


/*--------------- header ------------------------*/

#header { background:transparent url(images/index_nav_bg.jpg) no-repeat scroll left top; display:block; position:relative; width:100% ; height:60px}

#header .logo { clear:both; display:block; margin-top:20px; overflow:hidden; }

#header .logo a { background:transparent url(images/logo.png) repeat scroll 0 0; display:block; height:183px; margin:20px auto 0; overflow:hidden; text-indent:-999px; width:200px; /*behavior: url("http://myit-school.net/myid/wp-content/themes/myid/iepngfix.htc")*/ }

#header .logo_s { display:block; overflow:hidden; position:absolute; top:2px ; left:5px; z-index:10; height:56px;width:110px; }

#header .logo_s a { background:transparent url(images/logos.png) no-repeat scroll 0 0; display:block; height:51px; margin:0; overflow:hidden; text-indent:-999px; width:100px; /*behavior: url("http://myit-school.net/myid/wp-content/themes/myid/iepngfix.htc")*/ }


#header .nav li { background:transparent url(images/header_nav_dot.gif) no-repeat scroll right center; display:block; float:left; height:40px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; text-align:center; }

#header ul.sf-menu>li.page_item:first-child{display:none}

#header .navs { padding-left:105px;}

#header .navs ul{  padding-bottom:15px; display:block; }

#header li a { color:#67577D; display:block; padding:10px 5px; text-shadow:0 1px 0 #FFFFFF; }

#header li a:hover { color:#BE679F; text-shadow:0 1px 0 #FFFFFF; }

#header .social { display:block; height:30px; overflow:hidden; position:absolute; right:0; top:0; width:100px; }

#header .social a { display:block; float:left; height:30px; margin:0 5px; overflow:hidden; text-indent:-999px; width:29px; }

#header .social a:hover { background-position:center bottom; }

#header .facebook a { background:transparent url(images/header_nav_fb.jpg) repeat scroll 0 0; margin:0; }

#header .twitter a { background:transparent url(images/header_nav_twitter.jpg) repeat scroll 0 0; margin:0; }

#header .rss a { background:transparent url(images/header_nav_rss.jpg) repeat scroll 0 0; margin:0; }

/*-------------------content_wrap----------------*/

.post { background:#fff; border:1px solid #E6E6E6; margin:10px 0;}

.post { -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.post .content { padding:5px; line-height:22px; letter-spacing:1px; color:#353648; padding-bottom:10px; _width:730x%; display:block; overflow:hidden }

.post .content_nb { padding:0px; line-height:22px; letter-spacing:1px; color:#353648; padding-bottom:10px;  }

.content .thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


.post .content_header{ padding:20px 0 10px 0; display:block; margin:0; background:url(images/content_bar_bg.jpg) bottom repeat-x; clear:both; overflow:hidden}

.post .content p { padding:10px 0; margin:0; }

.content img a { border:0px solid #FFF }

.content .title { font-weight:bold; font-size:16px; letter-spacing:0px;  padding-top:10px; padding-left:15px; text-shadow:1 0px 1 #D1D0DF; color:#5e6582}

.content .title_s { font-size:13px; letter-spacing:0px; line-height:18px; text-align:center; padding:0x 15px }
.content .title_s a{ text-align:center}

.type { -webkit-border-radius: 4px; -moz-border-radius: 4px; background:#a587a6; font-size:13px; color:#fff; padding:0px 5px; margin-bottom:10px }

.type2 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; -webkit-radius-topright: 0px; -webkit-radius-topleft: 0px; background:#a587a6; font-size:13px; color:#fff; padding:0px 5px; margin-bottom:10px }

.type a,
.type2 a { color:#fff }

.content h3 { background:#cfd1e4; color:#535678; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:3px 8px; font-size:15px; text-shadow:0 1px 0 #f1f2fa; }

.subject { padding:5px 10px; font-size:18px; color:#535678; font-weight:bold ; color:#8c91a4; text-shadow:0 1px 0 #fff;}


/*related*/

.related .tit{ font-weight:bold; padding: 0 0 10px 0; color:#AB7B50; text-shadow:0 1px 0 #fff;}

.related{ padding:10px 15px; background: #FFFBCA; border-top:1px solid #FDDC99; display:block; overflow:hidden; margin:20px 0 0 0}

.related ul{ list-style:none; padding:0; margin:0}

.related li{ list-style:none; margin:0; width:50%; float:left; display:block; overflow:hidden; padding:0; margin-top:-1px}

.related li a{ display:block; overflow:hidden; padding:5px 10px; margin:0 5px 0 5px; font-size:12px; line-height:16px  }


/*navigation*/

.navigation{ padding:8px 0; display:block;  border-top:1px solid #E4E4E4; overflow:hidden; width:100%; }

.navigation a{ color:#8A7DA6}

.navigation .left{border-right:1px solid #EBEBEB; width:48%; float:left; padding-left:10px}
.navigation .right{float:left; text-align:right; width:49%}

/*-----------------------page_support------------------------*/

/*top nav*/

.cs{ position:relative;width:100%}
.cs_nav{ background:url(images/cs/btn.jpg) no-repeat; height:83px; width:100%; display:block; overflow:hidden; position:absolute; left:-7px; top:11px; width:765px; clear:both}

.cs_nav li{ float:left}

.cs_nav li, .cs_nav li a{ display:block; overflow:hidden;  height:83px;text-indent:-999px; }

.cs_nav .btn1 a{ width:119px; background:url(images/cs/btn.jpg) 153px 0 no-repeat; margin-left:153px}
.cs_nav .btn2 a{ width:123px; }
.cs_nav .btn3 a{ width:123px;}
.cs_nav .btn4 a{ width:123px;}
.cs_nav .btn5 a{ width:123px; }

.cs_nav .btn1 a:hover{ background:url(images/cs/btn.jpg) -153px -166px no-repeat  }
.cs_nav .btn2 a:hover{ background:url(images/cs/btn.jpg) -272px -166px no-repeat  }
.cs_nav .btn3 a:hover{ background:url(images/cs/btn.jpg) -395px -166px no-repeat  }
.cs_nav .btn4 a:hover{ background:url(images/cs/btn.jpg) -518px -166px no-repeat  }
.cs_nav .btn5 a:hover{ background:url(images/cs/btn.jpg) -641px -166px no-repeat  }

.cs_nav .btn1 .on{ background:url(images/cs/btn.jpg) -153px -83px no-repeat  }
.cs_nav .btn2 .on{ background:url(images/cs/btn.jpg) -272px -83px no-repeat  }
.cs_nav .btn3 .on{ background:url(images/cs/btn.jpg) -395px -83px no-repeat  }
.cs_nav .btn4 .on{ background:url(images/cs/btn.jpg) -518px -83px no-repeat  }
.cs_nav .btn5 .on{ background:url(images/cs/btn.jpg) -641px -83px no-repeat  }

/*faq*/


.faq, .um, .maint{ padding-top:30px; display:block; overflow:hidden; }

.faq_top, .um , .maint{ padding-top:90px}

.faq_tit{ background:url(images/cs/cs_bar_bg.jpg); height:30px; line-height:30px; color:#2f83b9; text-shadow:0 1px 0 #fff; font-size:15px}
.faq_tit span{ padding-left:40px; background:url(images/cs/info.gif) 10px center no-repeat}
.faq ul{ width:100%; color:#999}

.faq li{  display: block;   margin:0; text-shadow:0 1px 0 #FBFAFC  }
.faq span.faq_answer{display:none}
.faq a.faq_link{background:url(images/cs/icon_a.jpg) 0px 0px no-repeat; width:47px; height:15px; display:inline-block; margin-left:10px; vertical-align:text-top;}

.faq p{ padding:5px 15px 5px 35px; border-bottom:1px solid  #DBDEE6; background:#FBFAFC; margin:0; color:#675A81; margin-bottom:10px}

.faq li .tit{ padding:10px 0px 10px 35px; display:block; margin:0px ; border-bottom:1px solid #F5F5F5; font-size:13px; color:#000; letter-spacing:1px; background:url(images/cs/icon_q.jpg) 5px 12px no-repeat  }
.faq li .small{ font-size:10px; po}


/*um*/
.um span{ padding:3px 8px; background:#FFF3A4; color:#B74915}

.um .steps{border-bottom:1px solid #D6DAE4; padding:5px}
.um .step{ padding:5px 0px 10px 40px; margin:10px 0 ; display:block; overflow:hidden; }
.um .step1{background: url(images/um/ico_1.jpg) left top no-repeat;}
.um .step2{background: url(images/um/ico_2.jpg) left top no-repeat;}
.um .step3{background: url(images/um/ico_3.jpg) left top no-repeat;}
.um  img{ padding:5px 0}

.um .steps h3{  color: #4F57A2; padding:10px 0 0 0 }

.um .tips{ padding:10px; margin:10px 0; background:#EAE7F1; color:#6C478D; clear:both}



.um_tits{ background:url(images/cs/cs_bar_bg.jpg); height:30px; line-height:30px; color:#2f83b9; text-shadow:0 1px 0 #fff; font-size:15px}
.um_tits span{ padding-left:40px; background:url(images/um/icon_um.gif) 10px center no-repeat}

.um ul{ width:100%; color:#999}

.um_main li {  display: block;   margin:0; text-shadow:0 1px 0 #FBFAFC  }


.um_main li .tits{ color:#3A486D!important}

.um_main li .tits:hover{ color: #656BA9}


.um .um_main li .tits{ padding:10px 0px 10px 35px; display:block; margin:0px ; border-bottom:1px solid #F5F5F5; font-size:13px;  letter-spacing:1px; background:#fff }
.um .um_main li .small{ font-size:10px; po}



/*maint*/
.maint_company{ padding:20px; background:#f1f1fa;; margin-bottom:20px; margin-right:9px}

.maint_company b{ color:#4A5499}

.maint .remark{ background:#fff8ba; color:#ba4100; padding:10px 20px; color:#533C31; margin:10px 0; margin-right:9px; text-shadow:0 1px 0 #fff}

.maint .remark b{ color:#ae450c}

.maint_list { padding:20px}
.maint_list li{ list-style:none; padding:10px 0}

.maint_list .small{ font-size:12px; color:#6970AD}

/*-----------------------footer------------------------*/

#footer { font-size:11px; letter-spacing:1px; text-align:center; padding:20px 0 50px 0; color:#988798 }

#footer a { color:#988798 }







/*--------------------------------------shop----------------------------------------------------------------------*/




/*-----------------------retail------------------------*/

.sdm h1{ font-size:15px; color:#724E85}

.sdm p{ line-height:18px; padding:3px 0!important; margin:0!important}

.sdm td{ border-bottom:1px solid #D5DAE3; padding:5px 0}

.sdm a{ color:#8470A5}



/*-----------------------online------------------------*/

.shop{ background:url(images/shopping/shopping_bg.jpg) left top repeat-y; position:relative; display:block; overflow:hidden; clear:both; width:750x; margin:0 auto}

#shoppingcart { width:228px!important; margin:0; position:absolute; right:0; top:0; }

/*products_page_container*/

#products_page_container{ padding:10px; }

.productcart{ padding:10px; position:relative; width:510px!important; left:0}

.productdisplay{ padding:10px 0!important;  border-bottom:1px solid #e5e7eb; margin:10px 0!important; width:510px;   display:block; overflow: hidden}
.productdisplay  h2 a{ color:#737199; font-weight:bold; font-size:15px}
.productdisplay .wpsc_edit_product{ font-size:11px; position:absolute; right:25px; top:0px; font-weight:normal}
.wpsc_product_title{ border:0px!important}
.wpsc_description{ font-size:13px; color:#333333; padding: 0; margin:0}
.wpsc_description p{padding: 0!important;}



.oldprice{ color:#B76299}
.wpsc_product_price{ margin-bottom:10px}
.pricedisplay{ color:#378031!important; font-weight:bold!important; font-size:15px!important; letter-spacing:0}

.wpsc_buy_button {display:block; overflow:hidden; text-indent:-999px; width:92px!important; height:48px!important; background:transparent url(images/shopping/shopping_btn_add.jpg) top left no-repeat!important;;  cursor: pointer; position:absolute; right:0px; bottom:10px; border:0!important; }

.make_purchase{display:block; overflow:hidden; text-indent:-999px; width:92px!important; height:48px!important; background:transparent url(images/shopping/shopping_btn_payment.jpg) top left no-repeat!important;;  cursor: pointer; border:0!important; float:left; font-size:0px; line-height:0px }

.visitshop {display:block; overflow:hidden; text-indent:-999px; width:92px!important; height:48px!important; background:transparent url(images/shopping/shopping_btn_back.jpg) top left no-repeat!important;;  cursor: pointer; border:0!important; float:left }

input .wpsc_buy_button:hover, .visitshop:hover, .make_purchase:hover{ background-position:bottom}

.imagecol1 a img{ border:0px solid #BEBFCF!important; margin-bottom:10px!important}

.item_no_image{ background:#E9E4EB!important; color:#9986A8!important; border:1px solid #E7E2EB!important}

.item_no_image a{ font-size:10px; color:#9986A8!important;}

.wpsc_product_price .oldprice{ padding-left:35px; background:transparent url(images/shopping/shopping_discount.jpg) top  left no-repeat!important; padding:5px 0px 5px 50px; line-height:25px!important}
div.wpsc_product_price{ width:150px!important; text-align:left!important}

.wpsc_product_price .pricedisplay{ text-align:left!important; width:110px!important}

/*aside*/

#shoppingcartcontents{ border:0px!important; background:transparent!important; letter-spacing:0px}

#shoppingcart h3{ display:block; overflow:hidden; text-indent:-999px; width:207px; height:65px; background: url(images/shopping/shopping_logo.jpg) top left no-repeat; margin-left:13px}

#sliding_cart p{ padding:3px 0!important; line-height:18px!important;}

#sliding_cart .empty{ text-align:center; color:#9D92B1; text-shadow:0 1 0 #fff; padding:10px 0; margin:0; border-bottom:1px solid #e6eaf1; border-top:1px solid  #e6eaf1; }

#sliding_cart .visitshop{ text-align:center}

.visitshop a{ text-align:center}

.shopping-cart-wrapper p span{ display:none}

.shopping-cart-wrapper .numberitems, .cartcount { display:none; }

.shoppingcart{ width:90%; padding:0!important; margin:0 auto!important}

.shoppingcart td{  padding:2px 10px; border-bottom:1px solid #e4e8ef }

.shoppingcart #product, .shoppingcart #quantity , .shoppingcart #price{ background:#e4e8ef; font-size:11px; text-align: left; font-weight:normal;  padding:2px 10px; color:#737199}

.total{ margin:10px 0;}
.totalhead{ text-align:right!important; color:#737199!important; padding-left:15px}

.checkout-total{color:#c65293!important; font-size:20px!important; width:130px!important; text-align:right!important; letter-spacing:0px; padding-right:15px }



.emptycart{ width:101px; height:52px; display:block; overflow:hidden; padding:0; margin:0; float:left; margin-left:10px; line-height:50px}
.gocheckout{ width:101px; height:52px; display:block; overflow:hidden; padding:0; margin:0; float:left; margin-left:8px; line-height:50px}

.emptycart a{display:block;  width:101px!important; height:52px!important; background: url(images/shopping/shopping_btn_clean.jpg) top left no-repeat; padding:0; margin:0; line-height:50px!important; }
.gocheckout a{display:block;  width:101px!important; height:52px!important; background: url(images/shopping/shopping_btn_pay.jpg) top left no-repeat; padding:0; margin:0; line-height:50px!important}

.emptycart a:hover, .gocheckout a:hover{ background-position:bottom}

/*checkout*/


.checkout .productcart, .productcart tbody, .productcart tr{ width:100%!important}

.productcart .firstrow td{ background:#EFEDF3!important; font-size:12px;}

.checkout #shoppingcart{ display:none}

.checkout { margin:20px}

.checkout p{ padding: 0!important}

.total_price { width:100%!important}

.custom_gateway{ font-size:15px}

.checkout h2, .checkout h3 { background:#cfd1e4; color:#535678; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:3px 8px; font-size:15px; text-shadow:0 1px 0 #f1f2fa; margin-top:20px }


/*other*/
#linkwithin_logolink_0{ display:none!important}

.twtr-widget h3{ background:#F0EDF0!important}