@charset "utf-8";
body{height:100%;}
td{ font-size:11px; font-family:Arial;}

A:link { COLOR: #0000CC ; text-decoration:underline;}
A:visited { COLOR: #330099; text-decoration:underline;}
A:hover { COLOR: #FF0000; text-decoration:underline;}
input { font-size:11px; FONT-FAMILY: Arial; font-color:#000000;}
select { font-size:11px; FONT-FAMILY: Arial; font-color:#000000;}
textarea { font-size:11px; FONT-FAMILY: Arial; font-color:#000000;}

.css_LeftContainer{ background-color:lightyellow; width:180px;}
.css_SearchContainer{ background-color:#E9EEFC;}
.css_MainContainer{ background-color:#FFFFFF;}
.css_PageFunTitle{ font-size:13px; color:#FFFFFF; font-weight:bold; background-color:#003366; height:26px;}
.SmallNote { font-size:9px;}
.css_srhTable .FieldName { font-weight:bold;}
.css_ListTableTitle{ font-weight:bold;}

/* ======== Font Color Start ======== */
.css_BlueTxt{color:#0000ff;}
.css_BlackTxt{color:#000000;}
.css_BrownTxt{color:#993300;}
.css_GreenTxt{color:#006600;}
.css_GrayTxt{color:#999999;}
.css_OrangeTxt{	color:#ff6600;}
.css_PurpleTxt{color:#8a00ff;}
.css_RedTxt{color:#ff0000;}
/* ======== Font Color End ======== */

/*======== vertical table(Blue) Start ========*/
.css_formTableBlue{width:100%;border-top:1px solid #7088c6;border-right:1px solid #7088c6;border-collapse:collapse;}
.css_formTableBlue .mainTitle{background-color:#7088c6;color:#fff;padding:5px 3px 5px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;font-weight:bold;}
.css_formTableBlue td.Title{width:10%;background-color:#d5dbee;color:#000000;padding:0px 3px 0px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;font-weight:bold;}
.css_formTableBlue td{background-color:#ffffff;color:#000000;padding:6px 3px 6px 3px;border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}
/*======== vertical table(Blue) End ========*/

/*======== Horizontal table(Blue) Start ========*/
.css_TableLightBlue{width:100%;border-top:1px solid #7088c6;border-right:1px solid #7088c6;border-collapse:collapse;}
.css_TableLightBlue .mainTitle{background-color:#7088c6;color:#fff;padding:5px 3px 5px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}
.css_TableLightBlue td.Title{background-color:#d5dbee;color:#000000;padding:0px 3px 0px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;height:24px;font-weight:bold;}
.css_TableLightBlue td.Title2{background-color:#eee;color:#000000;padding:0px 3px 0px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;height:24px;font-weight:bold;}
.css_TableLightBlue td{background-color:#ffffff;color:#000000;padding:6px 3px 6px 3px;border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}
tr.odd_TableLightBlue td{background-color:#ffffff;border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}
tr.even_TableLightBlue td{background-color:#f9f9f9;border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}	
tr.over_TableLightBlue td{background-color:#ffffcc;color:#0000ff;border-bottom:1px solid #7088c6;border-left:1px solid #7088c6;}	
/*======== Horizontal table(Blue) End ========*/

/* ======== Start:Inquiry ========
START : Added by Eva 20130723 : Base on <Inquiry>*/
.both{clear:both;overflow:hidden;height:auto;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:".";}
.center{text-align:center;}
div.action{display:none;padding-top:20px;}
span.error{display:none;}
.captcha-refresh{ color:blue; text-decoration:underline;}

.header-content {width:100%;margin-bottom:5px;height:270px; background:url(/TempImage/gcis_topBG16.jpg) no-repeat;}	/*Modified by Wennie Chu 20160418 : Based on Responsive Web Design*/

#wrapper{width:755px;margin:0;padding:0px;}
#wrapper .main{padding:0px 14px 0px 20px;font-size:13px; font-family:'Arial';color:#666666;}
#wrapper .main h1{font-size:16px;font-weight:bold;color:#336699;padding:0px;margin:0px;}
#wrapper .main h3.subhead{padding:0px 0px 16px 0px;margin:0px;font-size:13px;font-weight:bold;color:#6699CC;}
#wrapper .main h3InquiryQuestion{padding:0 0 40px 0;margin:0px;font-size:16px; font-weight:bold;}
#wrapper .main .GlobalTxt{color:#ff0000;}
#wrapper .main .CIS_Txt{color:#999999;}
#wrapper .main .RegMark{font-size:8px;}
#wrapper .main .mark-required{color:#ff0000;}
#wrapper .main textarea{resize:none;}
#wrapper .main select{padding:2px;margin:0;}
#wrapper .main .HelpDeskDesct{padding:10px;border:1px solid #000000;}
#wrapper .main .HelpDeskDesct .step{float:left;width:55px;}
#wrapper .main .HelpDeskDesct .desc{float:left;width:460px;}

.helpdesk{margin:12px 0 0 0;padding:0px;list-style:none;font-size:13px;font-family:Arial;}
.helpdesk li.focus{background-color:#ffffcc;}
.helpdesk li.error{background-color:#ffccff;}
.helpdesk li.list{clear:both;padding:3px 0 3px 0;margin:0;}
.helpdesk li.list label.title{margin:0px;width:130px;color:#666666;font-weight:bold;text-align:left;padding:3px 0 0 0;vertical-align:top;display:-moz-inline-stack;/*FireFox2*/display:inline-block;*zoom:1;*display:inline;/*IE7*/}
.helpdesk li.list label.titleinquiry{width:165px;}
.helpdesk li.list label.titlecustomerhelpdesk{width:168px;}
.helpdesk li.list label.LongestTitle{width:100%;padding:0 0 5px 0;}
.helpdesk li.list label.code{width:253px;}
.helpdesk li.list label.title .colon, .helpdesk li.list span.colon{font-weight:normal;padding:0 0 0 6px;}
.helpdesk li.list span.input{padding:0;margin:0;vertical-align:top;display:-moz-inline-stack;/*FireFox2*/display:inline-block;*display:inline;zoom:1;/*IE7*/}
.helpdesk li.list span.Longestinput{width:100%;}
.helpdesk li.list span.input input, .helpdesk li.list span.input select{margin:0;padding:2px;font-size:12px;}
.helpdesk li.list span.input input.LittleInput{width:80px;}
.helpdesk li.list span.input input.MiddleInput{width:200px;}
.helpdesk li.list span.input input.LongestInput{width:340px;}
.helpdesk li.list span.input textarea.LittleTextArea{width:340px;height:100px;}
.helpdesk li.list div.captcha{text-align:center;padding-top:16px;}
.helpdesk li.list div.captcha ul{margin:0;padding:0;list-style:none;display:inline-block;}
.helpdesk li.list div.captcha ul li{float:left;height:20px;line-height:20px;padding:0 3px 0 3px;}
.helpdesk li.list div.captcha ul{*display:inline;}
.helpdesk li.list span.error span.ErrorMsg{color:#ff0000; font-weight:bold;}
.helpdesk li.list ul.suboption{margin:0;padding:0;list-style-type:none;}
.helpdesk li.list ul.suboption li{padding:0 0 3px 0;}
.helpdesk li.list ul.suboption li input[type="checkbox"]{margin:0 5px 0 0;}
.helpdesk li.list ul.suboption li input[type="radio"]{margin:0 5px 0 0;}
.helpdesk li.list ul.suboption-request{margin:0 0 0 15px;}
.helpdesk li.list ul.suboption-request li.description{ padding:0 0 3px 20px;}
.helpdesk li.formopt{display:none;}
.helpdesk li.codedesc{padding:35px 0 20px 0;}
.helpdesk li.number{font-weight:bold;padding:3px 0 3px 0;margin:0;}
.helpdesk .disabled{background-color:#dddddd;}
.btn-next{width:75px; float:right;}
.btn-next a{display:block;width:75px;height:24px;*height:30px;overflow:hidden;background:url(/Button/btn-next.jpg) no-repeat 0 0;color:#ffffff;padding:6px 0 0 0;text-align:center;text-decoration:none;}
.btn-next a:hover{/*background-position:0 -32px;*/text-decoration:none;color:#ffffff;}
.btn-back{width:58px;float:left;}
.btn-back a{display:block;width:58px;height:24px;*height:30px;overflow:hidden;background:url(/Button/btn-back.jpg) no-repeat 0 0;color:#ffffff;padding:6px 0 0 0;text-align:center;text-decoration:none;}
.btn-back a:hover{/*background-position:0 -32px;*/text-decoration:none;color:#ffffff;}

.inquiry_info{width:300px;margin:10px 0 0 0;padding:0;font-size:0px;}
.inquiry_info li{margin:0;padding:0 0 7px 0;font-size:13px;list-style:none;width:230px;vertical-align:top;display:-moz-inline-stack;/*FireFox2*/display:inline-block;*zoom:1;*display:inline;/*IE7*/}
.inquiry_info li.title{width:48px;}
.inquiry_info li.colon{width:5px;padding:0 5px 0 5px;}
.inquiry_info li.both{width:100%;height:0; background-color:#0000ff; height:0; overflow:hidden; display:none;}

ul.inquiryquestion{margin:0;padding:0;list-style-type:none;}
ul.inquiryquestion li{padding:10px 0 0 0;margin:0;}
ul.inquiryquestion li div.item{width:25px; float:left;text-align:left;color:#0000ff;}
ul.inquiryquestion li div.content{width:510px; float:left;text-align:left;color:#0000ff;}
ul.inquiryquestion li ul.inquiryanswer{clear:both;margin:0 0 0 25px;padding:0;list-style-type:none;}
ul.inquiryquestion li ul.inquiryanswer li{padding:5px 0 0 0;margin:0;}
ul.inquiryquestion li ul.inquiryanswer li div.item{width:25px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion li ul.inquiryanswer li div.content{width:480px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion li ul.inquiryanswer li div.contentPercentage{width:110px; float:left;text-align:left;}
ul.inquiryquestion li ul.inquiryanswer li div.contentPercentage2{width:200px; float:left;text-align:left;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s{clear:both;margin:0 0 0 25px;padding:0;list-style-type:none;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s li{padding:5px 0 0 0;margin:0;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s li div.item{width:25px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s li div.content{width:450px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s2{clear:both;margin:0 0 0 0;padding:0;list-style-type:none;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s2 li{padding:5px 0 0 0;margin:0;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s2 li div.item{width:25px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion li ul.inquiryanswer li ul.inquiryanswer_s2 li div.content{width:450px; float:left;text-align:left;color:#666666;}
ul.inquiryquestion .textarea{width:400px;height:100px;}
ul.inquiryquestion .inputText, ul.inquiryquestion .inputEmail{width:400px;}
ul.inquiryquestion .disabled{background-color:#dddddd;}
ul.inquiryquestion .divQName{float:left; width:auto;}
ul.inquiryquestion .divQName_12{float:left; width:58px;}
ul.inquiryquestion .divQName_19{float:left; width:50px;}
ul.inquiryquestion .IOOQAT_1 {float:left; width:20px; text-align:left;}
ul.inquiryquestion .IOOQAT_2 {float:left; width:340px; text-align:left; padding:0 0 0 5px;}
ul.inquiryquestion .IOOQAT_3 {float:left; width:110px; text-align:left; padding:0 0 0 5px;}
ul.inquiryquestion .IOOQAT_Title {color:#000000; font-weight:bold;}
/* END : Added by Eva 20130723 : Base on <Inquiry>
======== End:Inquiry ======== */

/*START : Added by Wennie Chu 20160418 : Based on Responsive Web Design*/
.div-login {float:left;}
.div-customer-help-desk {float:left; max-width:530px;}
.div-inquiry {float:left; max-width:530px;}
@media only screen and (max-width: 699px) {
	#wrapper { width:auto;}
	#selHelpDeskTopic { width:100%;}
}
/*END : Added by Wennie Chu 20160418 : Based on Responsive Web Design*/

/* START : Added by Eva 20140514 : Base on Display loading graphic until page fully loaded*/
#page-loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;	display: block;z-index: 99;text-align: center;
	/*background-color:#fff;*/
	/*opacity: 0.7;*/
	/*filter:alpha(opacity=70);*/	/*IE*/
}
#page-loading-image {color:#ff0000;font-family:Arial;font-weight:bold;font-size:15px;position: absolute;top: 150px;left: 45%;z-index: 100;}
/* END : Added by Eva 20140514 : Base on Display loading graphic until page fully loaded*/

.bps-form{}
.bps-form .wording{font-size: 14px; color:red; font-weight:bold; padding:5px 0;}

/*======== Horizontal table(Dark Blue) Start ========*/
.css_TableDarkBlue{width:100%;border-top:1px solid #DDDDDD;border-right:1px solid #DDDDDD;border-collapse:collapse;}
.css_TableDarkBlue .mainTitle{background-color:#DDDDDD;color:#fff;padding:5px 3px 5px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}
.css_TableDarkBlue td.Title{background-color:#003366;color:#ffffff;padding:0px 3px 0px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;height:24px;font-weight:bold;}
.css_TableDarkBlue td.Title2{background-color:#eee;color:#000000;padding:0px 3px 0px 3px;/*vertical-align:text-top;*/border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;height:24px;font-weight:bold;}
.css_TableDarkBlue td{background-color:#ffffff;color:#000000;padding:6px 3px 6px 3px;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}
tr.odd_TableDarkBlue td{background-color:#ffffff;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}	
tr.even_TableDarkBlue td{background-color:#E5F2FF;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}
tr.over_TableDarkBlue td{background-color:#ffffcc;color:#0000ff;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}	
/*======== Horizontal table(Dark Blue) End ========*/

/* START : Added by Eva 20150629 : Base on Background Check*/
.tb-form-inputText {width:90%;}
.tb-form-inputText-Name {width:145px;}
.tb-form-textarea {width:90%; height:100px;}
.error-title {display:none;}
.tb-form-subject{ color:red; font-size:15px; font-weight:bold; padding:20px 0 20px 0; text-align:center;}
.tbIdv_ID_Template tr th { font-size:11px; font-weight:bold;}
.css_order_completed {background-color:#ffffff;}
.css_order_completed table { font-size:12px;}
.css_order_completed table tr td { font-size:12px;}
.css_order_completed table tr th { font-size:12px;}
/* END : Added by Eva 20150629 : Base on Background Check*/