#main, #main th, #main td {font:13px/1.5 Tahoma;}

h2 {font:18px/40px Tahoma; color:#000; border-bottom:5px ; background:#d7d5d5;position:relative;padding-left: 10px;}
h3 {font:700 16px/1.5 Tahoma; margin-bottom:20px;}
h4 {font:700 14px/1.5 Tahoma; margin:15px 0;}
/*p {margin-bottom:15px;}*/
small {font-size:11px; color:#aaa;}

#main th, #main td {padding:2px 5px; text-align:left; height:30px; vertical-align:top;}
#main th {text-align:right; line-height:1; padding-right:20px; width:200px;}
table small {display:block; padding:3px 5px 0 0;}

#main ol {margin-left:25px;}
#main ol li {list-style-type:decimal;}
#main dt {color:#c00; cursor:pointer; padding:5px 0 0;}
#main dt:hover {color:#F90;}
#main dd {padding:0 0 15px 25px; display:none;}

#main input[type="text"], #main select, #main input[type="file"], textarea {width:350px; border:1px solid #ccc; background:#fff; padding:5px;}
#main input[type="text"], textarea {padding:5px;}
#main input[type="text"], .btn, .boxRd, textarea {
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#main input[type="file"]{height:26px;}

.btn {
	padding:0 1em; height:2.5em; border:1px solid #900; overflow:visible;
	color:#fff; font:700 1em Arial; white-space:nowrap; vertical-align:middle; cursor:pointer;
	
	background:#900;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cc0000,endColorStr=#990000); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#cc0000),to(#990000));
	background-image:-webkit-linear-gradient(top,#c00,#900);
	background-image:   -moz-linear-gradient(top,#c00,#900);
	background-image:    -ms-linear-gradient(top,#c00,#900);
	background-image:     -o-linear-gradient(top,#c00,#900);
	background-image:        linear-gradient(to bottom,#c00,#900);
	
	text-shadow:0 1px 0 #000;
}
.btn:hover {
	border-color:#aaa; color:#c00; text-shadow:0 1px 0 #fff;
	
	background:#f3f3f3;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#dddddd);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
	background-image:-webkit-linear-gradient(top,#fff,#ddd);
	background-image:   -moz-linear-gradient(top,#fff,#ddd);
	background-image:    -ms-linear-gradient(top,#fff,#ddd);
	background-image:     -o-linear-gradient(top,#fff,#ddd);
	background-image:        linear-gradient(to bottom,#fff,#ddd);
}
.btn:active {
	border-color:#777;
	
	background:#ddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));
	background-image:-webkit-linear-gradient(top,#ccc,#fff);
	background-image:   -moz-linear-gradient(top,#ccc,#fff);
	background-image:    -ms-linear-gradient(top,#ccc,#fff);
	background-image:     -o-linear-gradient(top,#ccc,#fff);
	background-image:        linear-gradient(to bottom,#ccc,#fff);
	
}
td .btn {margin:20px 0;}


ul.list, .col-right ul {margin-left:25px; margin-bottom:15px;}
ul.list li, .col-right ul li {list-style-type:disc; padding-bottom:5px;}

.content {margin:25px 0; min-height:400px;}
.content a {color:#c00;}
.content a:hover {color:#f90; text-decoration:underline;}
.tabnav a.back, h2 a.back {font:13px Tahoma; color:#c00; position:absolute; right:0; bottom:3px;}

.tabnav li a, .tabnav li a span, .tabnav li a:hover, .tabnav li.active a,
#main .qList dt, .col-left li a{background:url(../images/support-sprites.png) no-repeat;}
.faq li {
	background: url(../images/Right-Arrow.html) no-repeat;
}

/*home*/
.faq {width:550px; float:left; border:1px solid #ccc;  margin-bottom:25px; background: #efefef;}
.faq a:hover {color:#c00; text-decoration:none;}
.faq ul {overflow:hidden; margin:20px 0;}
.faq ul li {display:block; position:relative; padding:0 0 15px 30px; margin-left: 10px;}
.faq ul li.a1{display:none; position:relative; padding:0 0 15px 30px; margin-left: 10px;}
/*.faq .qList li {background-position:-183px -132px;}*/

.emailUs {width:100%; float:right; text-align:left; background: #fff2f2;margin-bottom: 40px;}
.emailUs p {font:18px/40px Tahoma; margin:0 0 20px;color:#000; border-bottom:5px ; background:#fecdcd;position:relative;padding-left: 20px;}
.emailUs a {display:block; width:247px; height:64px; margin:0 auto; margin-bottom: 20px; background:url(../images/email-btn.png) no-repeat;}
.emailUs a:hover {background-position:0 -64px;}
.emailUs .emailDesc {padding:5px 10px 10px 20px; text-align:left;}

.logoList {overflow:hidden; border-top:1px solid #ccc; clear:both; padding-top:20px; text-align: center;}
.logoList a {display:inline-block; height:143px; background:url(../images/support-logose6ece6ec.jpg?120928) no-repeat;}
.logoList a.logoFaq 	{width:225px; background-position:0 0;}
.logoList a.logoGarena 	{width:115px; margin-right:0; background-position:-285px 0;}
.logoList a.logoBs 		{width:170px; margin-right:15px; background-position:-430px 0;}
.logoList a.logoLol 	{width:125px; margin-right:15px; background-position:-655px 0;}
.logoList a.logoHon 	{width:125px; margin-right:15px; background-position:-840px 0;}
.logoList a.logoWm	 	{width:150px; background-position:-1030px 0;}

/*faq*/
h2.qh {font-size:15px; line-height:1.2; padding-right:50px; padding-bottom:5px;}
.faq a {color:#000;}

.answer {padding-top:30px;}
.answer ol li {padding-bottom:20px;}
.boxRd {border:1px solid #ccc; margin:30px 0 0; padding:25px;}
.notSolved {color:#999; cursor:pointer;}
.notSolved:hover {color:#c00;}
.sol2 , .a1 {display:none;}
.sol2 dl {margin-top:10px;}
#main .qList dd, #main .sol2 dd {display:block; padding:10px; background:#fafafa; border:1px solid #ddd; margin-bottom:10px;}


/*sub page*/
.tabContainer {overflow:auto; margin-bottom:25px; border-bottom-color: rgba(204,204,204,0.9);border-bottom-style: solid;border-bottom-width: 1px;padding-bottom: 13px;}
.tabnav{border-bottom:3px solid #a40003; width:100%; height:33px; position:relative; overflow:hidden;}
.tabnav li{ display:inline;}
.tabnav li a{ display:block; height:33px; padding-left:1em; margin-right:2px; float:left; text-align:center; font:12px/33px Tahoma; color:#000;}
.tabnav li a span {display:block; height:33px; padding-right:1em; background-position:top right;}
.tabnav li a:hover, .tabnav li.active a {color:#FFF; text-decoration:none; background-position:0 -33px;}
.tabnav li a:hover span, .tabnav li.active a span {background-position:right -33px;}

.col-left, .col-right {float:left;}
.col-left {width:195px;  margin-bottom: 30px; margin-top: 10px;}
.col-left li a { padding:10px 0 10px 15px; font-size:13px; color:#333; border-bottom:1px solid #ddd; background-position:-193px -83px; display:block;}
.col-left li:hover a {cursor:pointer; color:#a00; text-decoration:none;}
.col-left li.active a {color:#a00;}
.col-right {padding:25px; width:710px;border-left-style: solid;border-left-color: rgba(204,204,204,0.5);border-left-width: 1px; padding:10px 20px 10px 10px;margin-bottom: 30px; margin-top: 10px; margin-left: 10px;}
.col-span {padding:25px;}

#main .qList dt {background-position:-183px -142px; padding:5px 0 10px 25px;}
#main .qList dd {display:none;}