#main, #main th, #main td {font:13px/1.5 Tahoma;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear{clear:both}
h2 {font:18px/40px Tahoma; color:#000; border-bottom:5px solid #c00; position:relative;}
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;}
blockquote {line-height:22px;}

.fl, .col-left {float:left; display:inline;}
.fr, .col-right {float:right; display:inline;}
.coltxt {width:670px; margin-top:20px;}
.coltxt > p{font-size: 1.1em;line-height: 18px;margin-bottom: 20px;}
.coltxt > h5{color: #AA0000;font: 700 15px/18px Tahoma;margin-bottom: 10px;} 
.col-right .coltxt {width:510px;}
.clear {clear:both;}

#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,#main input[type="password"] {width:350px; border:1px solid #ccc; background:#fff; padding:5px;}
#main input[type="text"], textarea,#main input[type="password"] {padding:5px;}
#main input[type="text"], .btn, .boxRd, textarea,#main input[type="password"] {
  -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;color:#666;}
.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, .faq li {background:url(../img/support-sprites.png) no-repeat;}

/*home*/
.faq {width:520px; float:left; border-right:1px solid #ccc; padding-right:65px; margin-bottom:25px;}
.faq a:hover {color:#c00; text-decoration:none;}
.faq ul {overflow:hidden; margin:20px 0;}
.faq ul li {display:block; position:relative; padding:15px 0 15px 30px;}
.faq .qList li {background-position:-183px -132px;}
.faq .qList li i{display: inline; position: absolute; right: 0px; background: url("../img/career-tab1.png") repeat scroll 0px -3px red; color: rgb(255, 255, 255); font-size: 12px; border-radius: 5px 5px 5px 5px; top: 20px; padding: 5px 20px;}

.emailUs {width:400px; float:right; padding-top:20px; text-align:center;}
.emailUs p {font-size:18px; margin:15px 0;}
.emailUs a {display:block; width:247px; height:64px; margin:0 auto; background:url(../img/email-btn.png) no-repeat;}
.emailUs a:hover {background-position:0 -64px;}
.emailUs .emailDesc {padding:20px 20px 0 40px; text-align:left;}

.layout_tabs{ float:left; border-bottom:3px solid #a40003; width:100%;}
.layout_tabs li{ display:block; float:left; padding:6px 0 0 0; margin-right:1px;}
.layout_tabs li a{ display:block; width:108px; height:33px; float:left; text-align:center; padding:0; font-size:12px; background:url("../img/career-tab2.png") top left no-repeat;color:#333}
.layout_tabs li span{ display:block; padding:10px 0 0 0;position:relative;}
.layout_tabs li span small{  background: url("../img/career-tab1.png") repeat scroll 0 -3px red;border-radius: 10px 10px 10px 10px;color: #FFFFFF;display: inline-block;padding: 2px 8px;position: absolute;right: -5px;top: -10px;}
.layout_tabs li a:hover, .layout_tabs li.actived a{ background:url("../img/career-tab1.png") top left no-repeat; color:#FFF; text-decoration:none}

.answer.form_history{}
.answer.form_history.show{float:left;width:630px;}
.form_report {float: right;padding-top: 20px;text-align: center;width: 400px;}
.form_report.form_history {display:none;}
.form_report.form_history.show {display:block;width: 340px;}
.form_report p{font-size: 18px;margin: 15px 0;}
.form_report a.btn_faq{background: url("../img/big-btn.png") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;font-size: 20px;height: 64px;line-height: 64px;margin: 0 auto;width: 247px;}
.form_report a.btn_faq:hover{background-position: 0 -64px;color:#fff;}
.form_report a.btn_history{background: url("../img/big-btn1.png") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;font-size: 20px;height: 64px;line-height: 64px;margin: 0 auto;width: 247px;}
.form_report a.btn_history:hover{background-position: 0 -64px;color:#fff;}
.form_report .emailDesc{padding: 20px 20px 40px 40px;text-align: left;}


.logoList {overflow:hidden; border-top:1px solid #ccc; clear:both; padding-top:20px;}
.logoList a {display:block; float:left; height:143px; background:url(../img/support-logos.png?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;}        
.logoList a.logopb 		{width: 170px;margin-right: 15px;background-position: -430px 0;}
.logoList a.logoFifa    {width: 160px;margin-right: 15px;background-position: -1007px 0;}
/*faq*/
h2.qh {font-size:15px; line-height:1.2; padding-right:50px; padding-bottom:5px;}
.faq a {color:#000;}

.answer,.well {padding-top:30px;}
.answer ol li,.well 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 {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;}
.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; min-height:498px; background:url(../img/career_joblist_bg.png) no-repeat right 10px; padding:20px 20px 0 10px;color:#666; }
.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 0 25px 25px; width:710px;color:#666;}
.col-span {padding:25px;}

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


blockquote {width:600px;padding:10px 40px; background:url(../img/career-quote-open.png) no-repeat; color:#666; margin-bottom:20px;}
.quotename {text-align:left; color:#a00; padding-left:50px;}
.quotename2{ text-align:right;}



.well.col-1{background: url("../img/career_joblist_bg.png") no-repeat scroll right 10px transparent;float: left;margin-right: 20px;min-height: 498px;padding-right: 50px;width: 650px;}
.well.col-2{float: left;width: 250px;}

/*cafe
div.features p.picture { margin-left:-47px; }
div.listing-top { margin-top:10px; background:url(../img/bgd_listing_top.gif) no-repeat scroll left top transparent; width:986px; height:10px; }
div.listing { background:url(../img/bgd_listing.gif) repeat-y scroll left top transparent; clear:both; overflow:hidden; width:986px; }
div.listing ol{margin:0 !important}
    div.listing-menu { float:left; width:154px; height: 100%; }
        div.listing-menu li { display:block; }
        div.listing-menu li a { display:block; width:120px; padding:10px 20px 10px 15px; font-size:11px; }
        div.listing-menu li a:hover { color:#A40003; text-decoration:none; }  
        div.listing-menu li.selected a { display:block; background-color:#ECECEC; margin-left:3px; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; border-right:1px solid #ececec; width:115px; color:#A40003; }           
    div.listing-content { float:left; width:730px; padding:0 50px 40px; height:100%; }
        div.listing-content h4 { margin:20px 0 30px; font-size:16px; }
        div.listing-content .nav { float:left; border-bottom: 5px solid #dfdfdf; width:100%; }
            div.listing-content .nav li { padding:3px 4px 0 0; display:block; float:left; }
                div.listing-content .nav li a { display:block; float:left; padding:0 0 0 20px; font-size:14px; }
                div.listing-content .nav li span { display:block; padding:6px 20px 9px 0; }
                div.listing-content .nav li a:hover, div.listing-content .nav li a.current { background:url(../img/bgd_nav_active_left.gif) top left no-repeat; color:#a40003; text-decoration:none; }
                div.listing-content .nav li a:hover span, div.listing-content .nav li a.current span { background:url(../img/bgd_nav_active_right.gif) top right no-repeat; }
        div.listing-content .header { clear:both; overflow:hidden; padding:40px 0 20px; }
            div.listing-content .header li { float:left; font-size:16px; font-weight:bold; }
            div.listing-content .header li.first-child { margin-right:211px; padding-left:10px; }
        div.listing-content .list-wrap { clear:both; overflow:hidden; min-height:500px; height:auto !important; height:500px; }
            div.listing-content .list-wrap div table { width:100%; table-layout:fixed; }
                div.listing-content .list-wrap div tr { height:30px; }
                div.listing-content .list-wrap div tr.oddrow { background-color:#dfdfdf; }
                    div.listing-content .list-wrap div tr td { padding:10px; word-wrap:break-word; }
div.listing-bottom { background:url(../img/bgd_listing_bottom.gif) no-repeat scroll left top transparent; width:986px; height:10px; }
*/


div.features p.picture { margin-left:-47px; }
div.listing-content {width:auto; padding:0; height:100%; }
        div.listing-content h4 { margin:20px 0 30px; font-size:16px; }
        div.listing-content .nav { float:left; border-bottom: 5px solid #dfdfdf; width:100%; }
            div.listing-content .nav li { padding:3px 4px 0 0; display:block; float:left; }
                div.listing-content .nav li a { display:block; float:left; padding:0 0 0 20px; font-size:14px; }
                div.listing-content .nav li span { display:block; padding:6px 20px 9px 0; }
                div.listing-content .nav li a:hover, div.listing-content .nav li a.current { background:url(../img/bgd_nav_active_left.gif) top left no-repeat; color:#a40003; text-decoration:none; }
                div.listing-content .nav li a:hover span, div.listing-content .nav li a.current span { background:url(../img/bgd_nav_active_right.gif) top right no-repeat; }
        div.listing-content .header { clear:both; overflow:hidden; padding:40px 0 20px; }
            div.listing-content .header li { float:left; font-size:16px; font-weight:bold; }
            div.listing-content .header li.first-child { margin-right:211px; padding-left:10px; }
        div.listing-content .list-wrap { clear:both; overflow:hidden; min-height:500px; height:auto !important; height:500px; }
            div.listing-content .list-wrap div table { width:100%; table-layout:fixed; }
                div.listing-content .list-wrap div tr { height:30px; }
                div.listing-content .list-wrap div tr.oddrow { background-color:#dfdfdf; }
                    div.listing-content .list-wrap div tr td { padding:10px; word-wrap:break-word; }
div.listing-bottom { background:url(../img/bgd_listing_bottom.gif) no-repeat scroll left top transparent; width:986px; height:10px; }

.cafe_list{margin-top:20px}
.cafe_list th{font-size:14px !important;text-align:left !important;text-indent:10px !important;padding:5px 0 !important;border-bottom:5px solid #DFDFDF !important;font-weight:700 !important}
.cafe_list td{padding:10px !important;font-size:13px!important;border-bottom: 1px solid #DDDDDD}
.cafe_list td a{font-weight:700;text-decoration:none;font-size:12px}
.cafe_list td p{color:#666}
.cafe_list td span{display:inline-block;width:20px;height:20px}
.cafe_list td span.gold{background:url('../img/cafeproduct_1001.png') no-repeat top center;}
.cafe_list td span.hon{background:url('../img/cafeproduct_1002.png') no-repeat top center;}
.content-body{padding:25px 0;color:#666;width:auto;}
      .content-wrap >hr{border-top: 1px solid rgb(204, 204, 204);margin:10px 0 10px 0}
      .content-wrap > h2{font-weight:700;margin:0;padding:0;font-size:24px;float:none}
      .content-wrap > ._cafe_box{margin:10px 0 50px 0;clear:left}
      .content-wrap > ._cafe_box > div{font-size:14px;}
      .content-wrap > ._cafe_box h3{font-weight:700;margin:10px 0;padding:0;}
      .content-wrap > ._cafe_box.address_detail > div > p{width:350px;float:left;display:block}
      .content-wrap > ._cafe_box.address_detail > div > p > b{font-weight:700;margin-right:10px;display:inline-block;width:100px}
 .features.gca{padding: 0 0 0 0; margin: 0 0 0 0; width:inherit; font-family:Tahoma, Sans-Serif; font-stretch:narrower; letter-spacing:-0.6px;}
 .features.gca > .gca_hon{width:918px; height:203px;  margin-bottom:24px;margin-left:auto; margin-right:auto; margin-top:18px; background-image:url('../img/gca/gca_hon.png'); background-repeat:no-repeat;}
 .features.gca > .gca_lol{width:918px; height:203px;  margin-bottom:24px;margin-left:auto; margin-right:auto; margin-top:6px; background-image:url('../img/gca/gca_lol.png'); background-repeat:no-repeat;}
	 .content-wrap > hr{border-top: 1px solid #ddd;margin:10px 0 10px 0}
	            .content-wrap > h2{font-weight:700;margin:0;padding:0;font-size:24px;float:none}
	            .content-wrap > small{display:block;margin-bottom: 20px}
	            .content-wrap > ._cafe_box{margin:10px 0 50px 0;clear:left}
	            .content-wrap > ._cafe_box > div{font-size:14px;}
	            .content-wrap > ._cafe_box h3{font-weight:700;margin:10px 0;padding:0;}
	            .content-wrap > ._cafe_box.address_detail > div > p{width:350px;float:left;display:block}
	            .content-wrap > ._cafe_box.address_detail > div > p > b{font-weight:700;margin-right:10px;display:inline-block;width:100px}