@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;	
}

*+html {
    overflow: auto;		
}

/*  CSS for all pages */

body{
	background: #eee;
	/**font-family: 'Roboto', sans-serif;**/
	font-size: 12px;
	line-height: 20px;
	color: #555;
	margin: 0px;
	padding: 0px;
	height: 100%;	 
	font-weight: 500;
	font-family:Arial, Helvetica, sans-serif;
}

#main_wrap{
	margin: 0px auto;
	height: 100%;
	width: 100%;
}

#main{
	position: static;
	width: 100%;
}

#header, #content, #footer{
	width: 100%;
}

#header{
    background: #fff;
}

#content{
	/*border-top: 1px solid #e0e2e3;*/
	background: #eee;
}

.content_main{
	width: 980px;
	margin: 0 auto;
}

/*#footer{*/
	/*background:#eee;*/
/*}*/

.left{
	float: left;	
}

.right{
	float: right;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
	cursor:pointer;
	color:#35a8df;
}

button{
	cursor:pointer;
	border: none;
}

img{
	border: none;	
}

ul, li{
	list-style: none;	
}

.ffo{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.fw{
	font-weight: bold;
}

.fs11{
	font-size: 11px;
}

.fs12{
	font-size: 12px;
}

.fs13{
	font-size: 13px;
}

.fs14{
	font-size: 14px;
}

.fs15{
	font-size: 15px;
}

.fs18{
	font-size: 18px;
}

.fs20{
	font-size: 20px;
}

.fs24{
	font-size: 24px;
}

.fcb{
	color: #000;
}

.fco{
	color:#35a8df;
}

.fcg{
	color:#6aa239;
}

.fcr{
	color:#ce2626;
}

.fcblue{
	color: #298cda;
}

.ttu{
	text-transform: uppercase;
}

.mtop_titletocontent{margin-top: 40px;}
.mtop_normal{margin-top: 20px;}
.mtop_medium{ margin-top: 10px;}
.mtop_mini{ margin-top: 5px;}
.mtop_ultra{ margin-top: 65px;}
.mleft_medium{margin-left: 10px;}
.mleft_huge{ margin-left: 40px;}
.mleft_ultra{margin-left: 60px;}
.mleft_normal{margin-left: 20px;}
.mbot_footer{margin-bottom: 40px;}
.mbot_normal{ margin-bottom: 20px;}
.mright_normal{margin-right: 20px;}

/* CssForHomePage */

.line_top{
	background:url(../images/bg_top_head.png) repeat-x;
	width: 100%;
	height: 5px;
	margin: 0 auto;
}

.box_top_head{
	width: 980px;
	margin: 0 auto;
	height: 100px;
}

.logo_classbook{
	background:url(../images/img_logo_classbook.png) no-repeat;
	width: 200px;
	height: 47px;
	margin: 32px 0 0 12px;
}

.btn_menu_tophead{
	height:18px;
	padding-left: 23px;
	color: #949494;
	font-weight: 500;
}

.btn_login{
	background: url(../images/ico_login.png) no-repeat;
}

.btn_login:hover{
	background: url(../images/ico_login_hover.png) no-repeat;
	color: #35a8df;
}

.btn_login_success{
	background:url(../images/ico_login_success.png) no-repeat;
}

.btn_login_success:hover{
	background:url(../images/ico_login_success_hover.png) no-repeat;
	color: #35a8df;
}

.btn_search{
	background: url(../images/ico_search.png) no-repeat;
}

.btn_search:hover{
	background: url(../images/ico_search_hover.png) no-repeat;
	color: #35a8df;
}

.line_seperate_tophead{
	background:url(../images/line_seperate_footer.png) no-repeat;
	width: 3px;
	height: 15px;
	margin: 40px 15px 0 15px;
}

.box_menu_top{
	width:100%;
	height: 45px;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #f2f2f2;
}

.menu_top{
	width: 980px;
	height: 35px;
	padding: 5px 0px;
	margin: 0 auto;
}

.menu_top_item{
	height: 26px;
	padding: 9px 15px 0 15px;
	font-weight: 500;
}

.menu_top_item:hover{
	background:url(../images/bg_menutop_hover.png) repeat-x;
	color: #fff;
}

.menu_top_item_active{
	height: 26px;
	padding: 9px 15px 0 15px;
	font-weight: 500;
	background:url(../images/bg_menutop_hover.png) repeat-x;
	color: #fff;
}

.menu_top_item_ico{
	background:url(../images/ico_classbooklogo.png) no-repeat left;
}

.menu_top_item_ico:hover, .menu_top_item_ico_active{
	background:url(../images/ico_classbooklogo_hover.png) no-repeat left;
}

.box_radius{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.btn_download_CM{
	background:url(../images/btn_download_classbookM_topmenu.png) no-repeat;
	width: 137px;
	height: 22px;
	margin-top: 8px;
}

.btn_download_CM:hover{
	background:url(../images/btn_download_classbookM_topmenu_hover.png) no-repeat;
}

.btn_download_large{
	background:url(../images/btn_large.png) no-repeat;
	width: 260px;
	height: 43px;
}

.btn_download_large:hover{
	background:url(../images/btn_large_hover.png) no-repeat;
}

.banner_sub{
	margin: 20px auto 0 auto;
	width: 980px;
	height: 348px;
}

.banner_store{
	background: url(../images/img_sub_banner_store.png) no-repeat center;
}

.banner_manager{
	background: url(../images/img_sub_banner_manager.png) no-repeat center;
}

.banner_devices{
	background: url(../images/img_sub_banner_devices.png) no-repeat center;
}

.banner_support{
	background: url(../images/img_sub_banner_support.jpg) no-repeat center;
	height:510px;
}

.box_half_content_main{
	width: 480px;
	height: 239px;
	border: 1px solid #e3e3e3;
	background: #fff;
}

.box_half_content_main a{
	color: #555;
}

.box_half_content_main a:hover{
	color: #35a8df;
}

.homepage_title{
	width: 480px;
	height: 50px;
	padding-top: 20px;
}

.homepage_title_text{
	margin: 0 auto;
	text-align: center;
}

.icon_title{
	height: 24px;
	padding-left: 30px;
	padding-top: 5px;

}

.ico_classbook_store{
	background:url(../images/ico_classbookStore.png) no-repeat center left;
}

.ico_classbook_manager{
	background:url(../images/ico_classbookManager.png) no-repeat center left;
}

.ico_classbook_devices{
	background:url(../images/ico_classbookDvices.png) no-repeat center left;
}


.title_width_cs{
	width: 170px;
}

.line_seperate_box_half{
	width:100%;
	height: 15px;
	background:url(../images/line_seperate_box_half.png) no-repeat center;
}

.content_half_box{
	width: 480px;
	height: 154px;
}

.img_CS{
	background:url(../images/bg_box_half_CS.png) no-repeat bottom;
}

.title_width_cd{
	width: 195px;
}

.img_CD{
	background:url(../images/bg_box_half_CD.png) no-repeat bottom;
}

.half_box_text{
	text-align: center;
	width: 380px;
	margin-left: 50px;
}

.menu_footer_content{
	background: #fff;
	border: 1px solid #e3e3e3;
	width: 938px;
	padding:15px 20px;
}

.menu_footer a{color:#555;}
.menu_footer a:hover{color:#35a8df;}

.line_seperate_footer{
	background:url(../images/line_seperate_footer.png) no-repeat;
	width: 3px;
	height: 15px;
	margin:0 15px;
}


/**Css for Classbook Store**/

.sub_content{
	width:980px;
}

.menu_left{
	width:218px;
	border: 1px solid #e3e3e3;
}

.menu_left_title{
	background: #35a8df;
	height: 31px;
	width: 198px;
	padding:18px 0 0 20px;
}

.menu_left_footer{
	background:#35a8df;
	height: 5px;
	width:218px;
}

.box_radius_top{
	-moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.box_radius_bot{
	-moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


.menu_left_title_text{
	background:url(../images/ico_menu.png) no-repeat left center;
	padding-left: 20px;
	color:#fff;
}

.sub_description{
	width: 600px;
}

.menu_left_item{
	background:url(../images/bg_menuleft.png) repeat-x;
	height: 27px;
	padding:18px 20px 0 20px;
	width: 178px;
	border-bottom: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;

}

.btn_dropdown{
	background:url(../images/btn_dropdown.png) no-repeat;
	width: 11px;
	height: 11px;
}

.btn_dropdown:hover, .btn_dropdown_active{
	background:url(../images/btn_dropdown_active.png) no-repeat;
	width: 11px;
	height: 11px;
}

.menu_left_item_list{
	width:178px;
	padding: 0 20px;
	background: #fff;
}

.menu_left_item_child{
	width: 176px;
	background:url(../images/ico_arrow.png) right center no-repeat;
	height:15px;
	padding: 10px 0px;
	border-bottom: #e3e3e3 1px solid;
}

.menu_left_item_child:hover{
	width: 166px;
	background: url(../images/ico_arrow_hover.png) center no-repeat;
	height:15px;
	padding: 10px 0 10px 10px;
	border-bottom: #e3e3e3 1px solid;
}

.menu_left_item_lastchild, .menu_left_item_lastchild:hover{
	border: none;
}

.menu_left_item_list a{
	color:#555;
}

.menu_left_item_list a:hover{
	color:#35a8df;
}

.box_title{
	background:url(../images/bg_top_head.png) bottom repeat-x;
	height: 55px;
	width: 100%;
}


.box_content_right{
	width: 740px;
	border: #e3e3e3 1px solid;
	background:#fff;
}

.box_right_title{
	background:url(../images/bg_top_head.png) bottom repeat-x;
	height: 55px;
	width: 700px;
	margin: 0 20px;
}

.box_right_tab_item{
	height: 37px;
	padding-top: 18px;
	color: #b8b8b8;
}

.box_right_tab_item:hover, .box_right_tab_item_active{
	height: 37px;
	padding-top: 18px;
	background:url(../images/bg_tab_hover.png) no-repeat bottom left;
	color:#262626;
}

.box_right_title a{
	/*color: #b8b8b8;*/
}

.box_right_title a:hover{
	/*color: #262626;*/
}

/*.slide{*/
	/*width: 740px;*/
/*}*/

.btn_pre{
	background:url(../images/btn_pre.png) no-repeat;
	width: 22px;
	height: 43px;
	cursor: pointer;
}

.btn_pre:hover{
	background:url(../images/btn_pre_hover.png) no-repeat;
}

.btn_next{
	background:url(../images/btn_next.png) no-repeat;
	width: 22px;
	height: 43px;
	cursor: pointer;
}

.btn_next:hover{
	background:url(../images/btn_next_hover.png) no-repeat;
}

.slide_content{
	width:696px;	
}

.slide_item, .slide_item_img{
	width: 173px;
}

.slide_item_img img{
	width: 100px;
}

/**Css for Store Detail**/

.box_store_product{
	/*width:978px;*/
	border: #e3e3e3 1px solid;
	background: #fff;
}

.box_product_detail{
	/*width:940px;*/
	padding: 19px;
}

.product_detail_left{
	width: 200px;
}

.product_detail_left img{
	width: 200px;
}

/*.btn_bought{*/
    /*background:url(../images/btn_bought.png) no-repeat;*/
    /*width: 200px;*/
	/*height: 35px;*/
/*}*/

.btn_buyonCM{
	background:url(../images/btn_buyon.png) no-repeat;
    width: 183px;
    height: 47px;
}

.btn_buyonCM:hover{
	background:url(../images/btn_buyon_hover.png) no-repeat;
}

.product_detail_right, .product_detail_right_link{
	display: block;
	width: 100%;
}

.product_detail_right_link a, .rate a{
	color: #298cda;
}

.product_detail_right_link a:hover, .rate a:hover{
	color: #136fb7;
}

.ico_star{
	background:url(../images/ico_star.png) no-repeat;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-right: 3px;
}

.ico_star_unrated{
	background:url(../images/ico_star_unrated.png) no-repeat;
}

.rate{
	background: url(../images/ico_rate.png) center left no-repeat;
	padding-left: 10px;
}

.btn_readmore{
	text-align:center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background: #545454 ;
	width: 80px;
	height: 21px;
	color: #fff;
	padding-top:2px;
}

.btn_readmore:hover{
	background:#353535;
	color:#fff;
}

.product_detail_right_readmore a{
	color:#fff;
}

.line_seperate_product{
	border-bottom:dotted 1px #e3e3e3;
	height:1px;
	width:100%;
}

.box_right_title_product{
	background:url(../images/bg_top_head.png) bottom repeat-x;
	height: 55px;
	width: 940px;
	margin: 0 19px;
}

.box_right_title_product a{
	/*color: #b8b8b8;*/
}

.box_right_title_product a:hover{
	/*color: #262626;*/
}

.slide_product, .box_detail_full{
	width: 978px;
}

.slide_content_product{
	width:934px;	
}

/**Css for Classbook Manager**/

.content_img{
	width:580px;
}

.content_text_right{
	width:430px;
	padding-top: 50px;
}



.line_row_sub_withimg{
	width: 100%;
}

/**Css for Classbook Support**/

.tab_child{
	width: 950px;;
	margin:0 20px;
}

.tab_child_item, .tab_child_item_none{
	text-align:center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	height: 21px;
	color: #555;
	padding:2px 10px;
	font-size: 14px;
}

.tab_child_item:hover{
	color: #fff;
	background: #545454 ;
}

.tab_child_item_active{
	text-align:center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	height: 21px;
	color: #fff;
	background: #545454 ;
	padding:2px 10px;
	font-size: 14px;
}

.line_row_FAQs{
	width:950px;
}

.faqs_title_item{
	width: 115px;
	padding-top: 3px;
}

.form_line{
	border: #ddd solid 1px;
	height: 25px;
	width: 250px;
	font-size: 12px;
	color: #333;
	padding: 0 5px;
}

.form_line_search{
	border: #eee solid 1px;
	height: 25px;
	width: 200px;
	font-size: 12px;
	color: #999;
	padding: 0 5px;
	margin-top: 35px;
	background:url(../images/ico_search_active.png) center right no-repeat;
}

.area{
	border: #ddd solid 1px;
	height: 250px;
	width: 500px;
	font-size: 12px;
	color: #333;
	padding: 5px;
}

.btn_send{
	background:url(../images/btn_send.png) no-repeat;
	height: 35px;
	width:100px;
}

.btn_send:hover{
	opacity: 0.7;
}

/**CSS for Login Form **/

.box_login{
	width: 300px;
	background: #fff;
    padding-bottom: 20px;
}

.box_right_title_login{
	background:url(../images/bg_top_head.png) bottom repeat-x;
	height: 55px;
	width: 260px;
	margin: 0 20px;
}

.line_row_login{
	width:260px;
	margin-left: 20px;
}

.btn_login_big{
	background:url(../images/btn_login.png) no-repeat;
	height: 35px;
	width:100px;
}

.btn_login_big:hover{
	background:url(../images/btn_login_hover.png) no-repeat;
}

/**Css for Profile **/

.btn_save{
	background:url(../images/btn_save.png) no-repeat;
	height: 35px;
	width:100px;
}

.btn_save:hover{
	background:url(../images/btn_save_hover.png) no-repeat;
}

.table_width{
	width: 940px;
	border: none;
}

.table_head{
	background: url(../images/bg_log_table_title.png) repeat-x;
}

/*th, td{*/
	/*width:212px;*/
	/*padding:0 10px;*/
	/*text-align: left;*/
/*}*/

/*.th{*/
	/*width:120px;*/
	/*padding:0 0 0 0px;*/
	/*text-align: left;*/
/*}*/

/*.td{*/
	/*width:212px;*/
	/*padding:0 0 0 0px;*/
	/*text-align: left;*/
/*}*/

/*.tr{*/
	/*padding-top:100px;*/
	/*text-align: left;*/
/*}*/


/*td{*/
	/*padding: 10px;*/
/*}*/

/*th{*/
	/*height:30px;*/
/*}*/

.ico_condition{
	height: 19px;
	padding-left: 25px;
}

.ico_complete{
	background:url(../images/ico_complete.png) no-repeat left center;
}

.ico_pending{
	background:url(../images/ico_pending.png) no-repeat left center;
}

.ico_stop{
	background:url(../images/ico_stop.png) no-repeat left center;
}

.btn_signup{
	background:url(../images/btn_signup.png) no-repeat;
	height: 35px;
	width:100px;
}

.btn_signup:hover{
	background:url(../images/btn_signup_hover.png) no-repeat;
}



/**Css 21/3/2013**/

.btn_manager_content{
	width: 375px;
	padding: 0px 45px 45px 160px;
}

.content_text_right_special{
	width: 350px;
	padding-top: 40px;
}

.paging{
	margin-top: 20px;
}

.btn_paging{
	width: 7px;
	height: 25px;
}

.btn_paging_pre{
	background:url(../images/btn_paging_pre.png) no-repeat center;
}

.btn_paging_next{
	background:url(../images/btn_paging_next.png) no-repeat center;
}

.number_paging{
	padding: 3px 5px;
	
}

.number_paging a{
	color: #555;
	padding: 3px 5px;
}

.number_paging a:hover{
	color: #fff;
	background: #35a8df;
}

.lh25{
	line-height: 25px;
}

.ui-state-focus {
    outline: none;
}

.ui-state-active {
    outline: none;
}

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

/* hant */

.selecttitle {
	background: #EEE;
	color: #000;
    font-size: 14px;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	//box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding-right:3px;
	padding-left:3px;
	margin-left: 10px;
	float: left;
}

.box_right_tab_selectbox{
	height: 37px;
	padding-top: 18px;
	float: left;
}

.selecttitle:after {
    content: ' ▼ ';
    font-size: 10px;
    padding-left:3px;
    float:right;
}

.search_multiple {
	background: #FFF;
	color: #000;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	//border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 0;
	margin-top: 0px;
	text-align:center;
}

.search_multiple .button {
	border: solid 1px rgba(0, 0, 0, .5); 
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 4px;
	float:right;
	width:100px;
}

.search_multiple_select_box{
	border: solid 1px rgba(0, 0, 0, 0.2);
	margin-right: 4px;
	width:140px;
	float:right;
	//border-radius: 1px;
}

.dropdown {
	position: static;
	z-index: 9999;
	display: none;
	
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 4px;
}

.dropdown.dropdown-tip:before {
  position: static;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: static;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}

.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	position: static;
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu TR {
	position: static;
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 12px;
}
.basic_combobox{
    cursor: pointer;
    outline: none;
    margin: 0 0 0 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 0;
    border: 1px solid #AAA;
    background-color: white;
    width:155px;
}
.basic_combobox:hover,.basic_combobox:focus {
    background: #DDD;
    /*background-color: #FAFFBD;*/
    background-image: none;
    color: black;
}

.basic_textbox{
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px;
    border: 1px solid #AAA;
    line-height: 18px;
    height: 18px;
    background-color: white;
    padding-rigth: 40px;
  	width:153px;
}
.basic_textbox:hover,.basic_textbox:focus {
	background: #DDD;
	color: #000;
    /*background-color: #FAFFBD;*/
    background-image: none;
    color: black;
}

.basic_button{
    cursor: pointer;
    font: 11px/1.6 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
    text-decoration: none;
    color: #333;
    border: 1px solid #CCC;
    padding: 0 8px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    -webkit-box-shadow: 0px 1px 1px 0px #B9B9B9;
    -moz-box-shadow: 0px 1px 1px 0px #B9B9B9;
    box-shadow: 0px 1px 1px 0px #B9B9B9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    zoom: 1;
}

.basic_button:hover {
    color:#000 !important;
    background: #fff;
}
.basic_button:active
{
    background: white;
    background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
}
.basic_table thead th, table.basic_table tbody td {
    padding: 1px;
    vertical-align: middle;
    /*border: 1px solid #CCC;*/
    font-size:8pt; 
    cellspacing: 10px;
    /*cellpadding:0 !important;*/
}


td.column {
    width: 75%;
 //  	padding-left:5px !important;
 //   padding-bottom:0px !important;
 //   margin-bottom:0px !important;
 //   border-spacing: 0px !important;
}

td.title {
    width: 25%;
    padding-left:2px !important;
//   	padding-left:5px !important;
 //   padding-bottom:0px !important;
// 	  margin-bottom:0px !important;
 //   border-spacing: 0px !important;
}

td div.right { text-align:right; }

.basic_button{
    cursor: pointer;
    font: 11px/1.6 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    text-decoration: none;
    color: #333;
    border: 1px solid #CCC;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    -webkit-box-shadow: 0px 1px 1px 0px #B9B9B9;
    -moz-box-shadow: 0px 1px 1px 0px #B9B9B9;
    box-shadow: 0px 1px 1px 0px #B9B9B9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    zoom: 1;
}

.basic_button:hover {
    color:#000 !important;
    background: #fff;
}
.basic_button:active
{
    background: white;
    background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
}

#checkpassprompt.hide {
	opacity: 0;
	-webkit-transform: scale(0,0) translate3d(0px,-1000px,0px);
}
#checkpassprompt.show {
	opacity: 1;
	-webkit-transform: scale(1,1) translate3d(0px,0px,0px);
}
#prompt, #checkpassprompt {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 999;
	background: rgba(0,0,0,0.6);
	-webkit-transition: 300ms ease-out;
}
#prompt .pop {
	width: 65%;
	padding: 0px;
	overflow: hidden;
	margin: auto;
	position: relative;
	background: #fff;
	border-radius: 2px;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	color: #555;
}
#checkpassprompt .pop {
	width: 380px;
	min-height: 180px;
	padding: 0px;
	overflow: hidden;
	margin: auto;
	position: relative;
	background: #fff;
	border-radius: 2px;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	color: #555;
}
#prompt .pop .title, #checkpassprompt .pop .title {
	width: 100%;
	padding: 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	/*background: #35a8df -webkit-linear-gradient(top,#FF881A,#35a8df);*/
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background: #e7e7e7;
	border-bottom: 5px #35a8df solid;
}
#prompt .pop .title span, #checkpassprompt .pop .title span{
	display: inline-block;
	background: #35a8df;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	padding: 13px 20px;
}
#prompt .pop .input, #checkpassprompt .pop .input {
	width: 210px;
}
#prompt .pop .select, #checkpassprompt .pop .select {
	width: 210px;
}
#prompt .pop table, #checkpassprompt .pop table {
	text-align: left;
}
#prompt .pop .submit, #checkpassprompt .pop .submit {
	margin: 10px auto;
	margin-bottom: 10px;
	right: 20px;
	width: 100px;
	padding: 8px 10px;
	height: 30px;
	border-radius: 2px;
	background: #35a8df;
	color: #fff;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	text-overflow: ellipsis;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
}
#prompt .pop .submit.blue{
	background: #24a7cd;
}
#prompt .pop .submit.gray{
	background: #555;
}
#prompt .pop .submit.btn{
	background: #e5e5e5;
	border: 1px #a5a5a5 solid;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	color: #1a1a1a;
	padding: 0px;
	float: right;
	margin-right: 5px;
	text-align: center;
	margin-top: 0px;
	display: inline-block;
}
#prompt .pop .submit:active, #checkpassprompt .pop .submit:active {
	opacity: 0.6;
}
#prompt .pop ul, #checkpassprompt .pop ul {
	list-style: none;
	padding: 0px;
	margin: 10px auto;
	text-align: justify;
	width: 90%
}
#prompt .pop ul li, #checkpassprompt .pop ul li {
	display: inline-block;
	overflow: hidden;
	width: 50%;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	text-indent: 5px;
	height: 45px;
	line-height: 30px;
	color: #1a1a1a;
	padding: 2px 5px;
	margin: 0px auto;
}
#prompt .pop ul li .span, #checkpassprompt .pop ul li .span {
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin: 0px;
}
#prompt .pop .checkbox, #checkpassprompt .pop .checkbox {
	vertical-align: middle;
	display: inline-block;
	width: 75px;
	height: 27px;
	border-radius: 2px;
	float: right;
	margin-right: 5px;
	background: url('../store/on-off.png') no-repeat;
}
#prompt .pop .checkbox.active, #checkpassprompt .pop .checkbox.active {
	background-position-y: -27px;
}
#prompt .pop ul li .span .tit, #checkpassprompt .pop ul li .span .tit {
	height: 25px;
	width: 80%;
	display: inline-block;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
}
#prompt .pop ul li .span .count, #checkpassprompt .pop ul li .span .count {
	float: right;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #35a8df;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	margin: 5px auto;
	text-indent: 0px;
	font-weight: bold;
	padding-top: 0px;
	line-height: 20px;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
}
#prompt .load, #checkpassprompt .load {
	margin: 30% auto;
	width: 66px;
	height: 66px;
	border-radius: 39px;
	border: 5px #35a8df solid;
	-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	color: #35a8df;
	padding: 20px 3px;
	background: #fff;
}
.submit{
    cursor: pointer;
}
.submit:hover{
    opacity: 0.6;
}

.img_close_media{
    background-image: url("../images/ic_pause_w.png");
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#shopping-cart{
    background-image: url("../images/shopping-cart.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
}

.shopping{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#cart_content{
    margin-top: 20px;
    background-color: white;
    border: 1px solid #eee;
    padding: 20px;
}

.cart_product{
    margin: 10px 0px;
    /*border: 1px solid #ccc;*/
    border-radius: 10px;
}

.cart-divider{
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}

.product_cover.cart{
    width: 100px;
    display: inline-block;
}

.detail_cart{
    width: 250px;
    display: inline-block;
    height: 100%;
    line-height: 15px;
    font-size: 12px;
}

.apple-signin-button {
	height: 32px;
  	width: 32px;
}

.out-price {
	text-decoration: line-through;
	color: #4D4D4D !important;
}