@charset "utf-8";
/*home page begins*/
div#leftColm {	float:left;	width: 200px;margin: 0 4px 4px 0;margin-right:4px;position:relative;}
.rightColm {float:right;width:229px;}
.centerColm {width:495px;float:left;margin-left:5px; height:198px; overflow:hidden; position:relative;border:1px solid #555;}
.centerColm .titleText {position:absolute; top:0; left:0; color:#FFCC33;letter-spacing:2px;font-weight:bold;font-size:20px;z-index:10;width:485px;padding-left:10px; background:url(../assets/grayBg250H.png) repeat-x;margin:0;line-height:30px;}
.centerColm img {}
div#promoAd {width:200px;height:200px;margin-bottom:4px;}
div#promoAd h3 {height:0;text-indent:-9999px;}
.leftPanelHome ul li{font-size:17px;letter-spacing:2px;Padding:0;margin:0px;border-bottom: 1px dotted silver;height:35px;}
.leftPanelHome li span {float:left;width:40px;height:33px;padding:2px 0 0 12px;}
.leftPanelHome li p {padding:7px 0 0 3px;margin:0;height:35px;}
.leftPanelHome li a{margin:0;color:gray;display:block;height:35px;}
.leftPanelHome li a:hover{color:#996600;text-decoration:none;color:#1192E8;background:#E3FAFF;cursor:pointer;}
.leftPanelHome li img{border:none;}
.leftPanel, .leftPanelHome {width:200px;padding:0;margin-bottom:10px;}
.leftPanel h3, .leftPanelHome h3{position:relative;background:url(../assets/leftColmPanelHeaderBg.png) repeat-x top; border:1px solid #A3E03D;font-size:15px;font-weight:bold;color:#336600;padding:0;width:198px;line-height:25px;margin:0;text-align:center;}
.leftPanel h3 a img {position:absolute; right:5px; top:5px;}
.leftPanel h3 a{font-weight:bold;color:#336600;text-decoration:none;display:block;}
.leftPanel h3 a:hover{font-weight:bold;color:#4A2500;background:url(../assets/leftColmPanelHeaderBg.png) repeat-x bottom; }
.leftPanel ul, .leftPanelHome ul {background:white; border:1px solid #A3E03D; border-top:none; padding:7px;margin:0;list-style-type:none;display:block;}
.leftPanelHome ul {padding-top:0;}
.leftPanel li, .leftPanel #serviceList li{font-size: 14px;letter-spacing:-1px;Padding:0 0 0 22px;background:url(../assets/coin.png) left top no-repeat; border-bottom:1px dotted silver;}
.leftPanel #serviceList li {background:url(../assets/light.png) left top no-repeat;}
.leftPanel li a{text-decoration:none;color:#666;display:block;line-height:22px;}
.leftPanel li a:hover{background:#D9F9FD;}

.leftPanel2 {background:white; width:232px; height:110px;padding:0;margin:0;}
.leftPanel2 h3{width:232px;background:url(../assets/leftColmPanelHeaderBg_blue.png) repeat-x top; border:1px solid #A3E03D;font-size:15px;font-weight:bold;color:#50A0F1;padding:0;line-height:25px;margin:0;text-align:center;}
.leftPanel2 h3 a{font-weight:bold;color:#50A0F1;text-decoration:none;display:block;}
.leftPanel2 h3 a:hover{color:navy;background:url(../assets/leftColmPanelHeaderBg_blue.png) repeat-x bottom; }

div#rightUpSquare {width:234px; height:230px;float:right;margin:0;}
div#rightUpSquareAll {width:234px; height:200px;float:right;margin:0; overflow:hidden;}
div#rightUpSquareAll h3{background:url(../assets/leftColmPanelHeaderBg_blue.png) repeat-x top; border:1px solid #A3E03D;font-size:13px;color:
#1A61D7;padding:0;line-height:25px;margin:0;text-align:center;}
div#rightUpSquareAll div{background:white;border:1px solid #A3E03D;border-top:none;}
ul#linkBoxes{padding:0; margin:0;display:block; list-style-type:none;}
ul#linkBoxes li {width:238px; height:205px; float:left; background:#EFEFEF; margin-bottom:10px;border:1px solid silver; border-top:none;}
ul#linkBoxes li.middle {margin-left:10px; margin-right:10px;}
ul#linkBoxes li:hover {background:#DBFDB5;}
ul#linkBoxes li.middle {margin-left:10px; margin-right:10px;}
ul#linkBoxes li h3{background:url(../assets/innerCaseTabBg.png) repeat-x bottom; border:1px solid silver;font-size:15px;font-weight:bold;color:#666;padding:0;line-height:25px;margin:0;text-align:center;}
ul#linkBoxes li h3 a{font-weight:bold; color:#336600;background:#CCFF33 url(../assets/innerCaseTabBg.png) repeat-x bottom;text-decoration:none;display:block;}
ul#linkBoxes li img{border:1px solid silver;margin:5px;}
ul#linkBoxes li a {text-decoration:none;}
ul#linkBoxes li a div.top {height:106px;clear:both;}
ul#linkBoxes li a div.bottom {height:67px;clear:both}
ul#linkBoxes li a p{cursor:pointer;}
ul#linkBoxes p#timing{font-size:15px; margin:10px 5px 5px 0;line-height:22px;color:#63771C;font-weight:bold;}
ul#linkBoxes p#timing2{font-size:13px; margin:3px 5px 5px 10px;line-height:15px;color:#555;}
ul#linkBoxes p#timing span{display:block;margin:4px 0;padding:3px; }
ul#linkBoxes p#timing2 span{display:block;margin:0;padding:0 3px 3px 20px; background:url(../assets/blueSq.png) top left no-repeat;padding-left:20px;}
ul#linkBoxes p#timing span.short {width:105px;float:right;}
.leftPanel2 .photoStory {height:82px; width:232px;border:1px solid #A3E03D; border-top:none;background:white;position:relative;}
.photoStory h2.caption {position:absolute; background:url(../assets/grayBg250H.png) repeat-x;bottom:0; left:0;font-size:14px; color:white; line-height:20px;width:100%;z-index:100;text-align:center;}
	

.applemenu{margin:0;padding:0;width: 198px; /*width of menu*/border: 1px solid silver;}
.applemenu a.silverheader {background:#D2D2D2;color:#3183FD;font-size:14px;line-height:22px;height:22px;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;text-align:center;text-decoration: none;border-bottom:1px solid #A8A8A8;border-top:1px solid #E9E9E9;}
.applemenu a.silverheader .statusicon{position:absolute;top:3px;right:5px;border: none;z-index:10;}
.applemenu a.silverheader:visited, .applemenu a.silverheader:active{}
.applemenu a.selected, .applemenu a.silverheader:hover{background:#C5E6FA url(../assets/innerCaseTabBg.png) repeat-x;color: navy;}
.applemenu div.submenu{background: white;font-size:14px;padding:0;height: 100px;}
.applemenu ul.submenu{font-size:14px;padding:0 10px 0 20px; margin:0;background:white;list-style-type:none;}
.applemenu ul.submenu li{Padding:0;background:url(../assets/arrowbullet.png) left no-repeat; border-bottom:1px dotted silver;}
.applemenu ul.submenu li a{text-decoration:none;color:#666;display:block;line-height:22px; text-indent:25px;}
.applemenu ul.submenu li.shortIndent a{text-indent:15px;}
.applemenu ul.submenu li a:hover{color:#CC3300;}
div#slideShow {	float:right;position:relative;width:735px;height:100px;margin:0 auto 4px auto;border: 1px solid #91B53E;}
div#slideShow div#summary a{margin: 0 auto; font-family: "微軟正黑體","新細明體", "宋体", SimSun, "细明体", MingLiU, Verdana, Arial, Helvetica, sans-serif;	display:block;overflow:hidden;width:25px;height:96px;position:absolute; left:0px; top:0px;background:url(../assets/verticalBtn_up.gif) no-repeat;font-size: 14px;color:#666600;text-align:center;line-height:15px;padding-top:4px;}
div#slideShow div#summary a:hover{background:url(../assets/verticalBtn_dwn.gif) no-repeat;color:navy;text-decoration:none;}		
div#slideShow blockquote{text-indent:-9999px;height:0;}
.panelHeaderNoLink {background:url(../assets/orangeTabLeft.png) no-repeat top left;margin-top:5px;float:right;width:220px;text-align:center;font-size:17px;padding-left:9px;}
.panelHeaderNoLink span{background:url(../assets/orangeTabRt.png) no-repeat top right;font-size:17px;display:block;color:#5C4A0C;padding: 4px 5px;}
.bluePanelHeader {background:url(../assets/blueTabLeft.png) no-repeat top left;display:block;height:30px; /*height of the tab*/padding-left:9px; /*width of the left tab (the narrow one)*/width:220px;text-align:center;}
.bluePanelHeader h4{background:url(../assets/blueTabRt.png) no-repeat top right;font:17px normal;display:block;color:#006697;padding: 0 0px 0 0;margin:0;text-decoration:none;line-height:30px;}
.panelHeader {margin-top:5px;float:right;width:229px;text-align:center;font:17px normal;}
.panelHeader a {background:url(../assets/orangeTabLeft.png) no-repeat top left;font:17px normal;display:block;height:30px; /*height of the tab*/padding-left:9px; /*width of the left tab (the narrow one)*/text-decoration:none;}
.panelHeader a span{background:url(../assets/orangeTabRt.png) no-repeat top right;font:17px normal;display:block;color:#5C4A0C;padding: 4px 5px;}
.panelHeader a:hover, .panelHeader a:active {background-position: bottom left;text-decoration:none;}
.panelHeader a:hover span, .panelHeader a:active span{background-position: bottom right;color:#0C67B1;}
/*IMPORTANT:if scrollerBox's height is changed, admin must go to scrollerContent.htm to change div#scrollerContainer, #pscroller1 height, & javascript content (at line 131) Iframe to the same value, and also change the height setting in the main html to the same value as well.*/
div#scrollerBox {float:right;width:227px;height:210px;display:block;border:1px solid #91B53E;}
div#scrollerPhoto {float:right;width:227px;height:250px;display:block;border:1px dashed #39F;}
div#mainContentShell {Position:relative;padding:5px 0 0 0;margin:0;width:740px;float:right;}
div.bottomContent {Position:relative;width:740px;float:right;margin-top:5px;}
div.bottomContent .tabcontent a{color:#0066FF; text-decoration:underline;}
div.bottomContent .tabcontent a:hover{color:#669933;text-decoration:none;}
div.bottomContent .menu {float:left; width:238px;border:1px solid silver;margin-left:10px;margin-bottom:10px;}
div.bottomContent .menu h3 {text-align:center; font-size:15px; color:#333; background: #EEE url(../assets/innerCaseTabBg.png);line-height:24px;border-bottom:1px solid #999;}
div.bottomContent .menu .menuList {overflow:auto;font-size:14px;height:98px;background:white;}
div.bottomContent .menu .menuList li.underline a{padding-left:10px; border-bottom:1px dotted silver;}
div.bottomContent .menu .menuList p {padding-left:10px;border-top:1px solid silver; color:#333;line-height:20px;}
div.bottomContent .menu .menuList p a {color:#0066FF; text-decoration:none;line-height:20px;display:block;}
div.bottomContent .menu .menuList li {list-style-type:none;}
div.bottomContent .menu .menuList li a {color:#0066FF; text-decoration:none;padding-left:25px;line-height:18px;font-size:13px;margin-bottom:1px; display:block;}
div.bottomContent .menu .menuList p a:visited, div.bottomContent .menu .menuList li a:visited{color:brown;}
div.bottomContent .menu .menuList p a:hover, div.bottomContent .menu .menuList li a:hover{background:#DFF7FD;}
div.visaContent {clear:both;padding:3px 5px 5px 5px; background:white; border:1px solid silver;}
div.visaContent a{COLOR: #0066ff;TEXT-DECORATION: underline}
div.visaContent a:hover {COLOR: #669933;TEXT-DECORATION: none}
div.visaContent table#topHeader{margin-bottom:5px;}
div.visaContent table td.header{font-size:24px; font-weight:bold; color:#444;line-height:45px;margin-right:30px;float:left;}
div.tableBorder {padding:1px; background:silver; width:250px;margin-left:20px;}
div.visaContent table#fees{font-size:13px; font-weight:normal; color:#CC0000;width:250px;}
div.visaContent table#fees td{padding:1px 5px;text-align:center;background:white;}
div.visaContent h4 {font-size:14px; color:#555;line-height:20px;padding:0 10px;}
div.visaContent h3 {clear:both;font-size:16px; font-weight:bold; color:#222;margin:10px 0 0 10px;}
div.visaContent p, div.visaContent li{font-size:14px; color:#555;line-height:20px;margin-left:10px;}
div.visaContent ol{color:#CC0000;margin:0 0 0 25px;padding:0;}
div.visaContent ol li{list-style-type:decimal;}
div.visaContent ol li p{margin:0;}
div.visaContent ol li span{font-weight:bold;color:#333;}
div.visaContent li{list-style-type:square; font-size:16px; color:#CC0000;margin-left:30px;}
div.visaContent li span{color:#555;font-size:14px;}
div#rightAccordian {float:right;margin-left:10px;width: 365px;padding: 0px;margin:0;}
div#leftAccordian {padding:0;margin:0;float:left;width:365px;}
.topPanel{ /*header of each panel*/position:relative;cursor: hand;cursor: pointer;padding:0;margin:0;border-bottom:none;height:100px;width:365px;display:block;}
.topPanel p{padding:0;margin:0;height:0;text-indent:-9999px;}
.bottomPanel{ /*footer of each panel*/position:relative;padding:5px 0 0 0;margin:0 0 10px 0;border-top:none;background: url(../assets/panelFooterBg.png) no-repeat;width:365px;height:30px;text-align:center;font-size:14px;font-weight:bold;color:white;}
div#leftAccordian .content, div#rightAccordian .content {border-left:1px solid #91B53E;border-right:1px solid #91B53E; padding:0;margin:0;}
div#leftAccordian div#baby ul {background:white url(../assets/babyPanelBodyBg.png);}
div#leftAccordian div#investment ul {background:white url(../assets/investmentPanelBodyBg.png);}
div#leftAccordian div#tour ul {background:white url(../assets/tourPanelBodyBg.png);}
div#leftAccordian div#service ul {background:white url(../assets/servicePanelBodyBg.png);}
div#rightAccordian div#student ul {background:white url(../assets/studentPanelBodyBg.png);}
div#rightAccordian div#visa ul {background:white url(../assets/visaPanelBodyBg.png);}
div#rightAccordian div#seminar ul {background:white url(../assets/seminarPanelBodyBg.png);}
div#rightAccordian div#reputation ul {background:white url(../assets/reputationPanelBodyBg.png);}
div#leftAccordian div ul, div#rightAccordian div ul {list-style-type:none;list-style-image:url(../assets/orangeDot.png);padding:0 0 5px 25px;margin:0px;}
div#leftAccordian li, div#rightAccordian li{margin:0 0 0px 5px;padding:3px 10px 3px 0;color:#3A4802;font-weight:bold;font-size:15px;letter-spacing:-1px;line-height:18px;}
div#leftAccordian ul li a, div#rightAccordian ul li a{text-decoration:none;color:#006600;font-size:15px;letter-spacing:-1px;line-height:15px;}
div#leftAccordian li a:hover, div#rightAccordian li a:hover{color:brown;background:#FFFF66;}
/*home page ends*/
/*promo.htm begins*/
.photoBox {float:left;width:495px;height:200px;background:silver;margin: 0;padding:0;position:relative;}		
/*promo.htm ends*/
.caseTable {clear:both;margin-top:10px;width:100%;}
.caseTable a {text-align:center;color:#990000;}
.caseTable thead {font:15px;color:#006633;text-align:center; }
.caseTable thead th {border-bottom: 1px solid #006633;border-right:1px dotted gray;padding:3px 0;background:#D3FEC7;}
.caseTable tbody {margin-top:3px;font:13px normal;text-align:center;}
.caseTable tbody tr td{border-bottom:1px dotted gray;border-right:1px dotted gray;color:#555;padding:3px;}
.caseTable tbody tr:hover{background:#E9FDFE;}
.caseTable tbody .price{color:brown; }
.realCase {width:200px;padding:0;margin:0;}
.realCase h3 a {font-size:15px;font-weight:bold;color:#006600;padding:37px 0px 0px 0px;margin-left:70px;margin-right:3px;text-align:center;width:127px;height:43px;line-height:18px;display:block;}
.realCase h3 a:hover{color:#CC0066;text-decoration:none;}
.realCase table {font:14px normal;background:lightyellow;border-left:1px solid #406E3C;border-right:1px solid #406E3C;text-align:center;}
.realCase #container {background:url(../assets/leftColmPanelFooter2Bg.png) bottom left no-repeat;padding:0 0 6px 0;}
.realCase table td{padding:2px 5px;border-bottom:1px solid #406E3C;}
.realCase table td.header{text-align:center;background:#E2F98A;font-weight:bold;color:#006600;border-right:1px solid #406E3C;}
.realCase img {margin:0 auto;}
/* email tab control in video.htm*/
#shareTabs { list-style:none; padding:0;float:left;margin-left:0 !important;margin-top:3px;width:130px;height:46px;}
#shareTabs li {text-indent:-999em;padding:0;margin-right:5px;list-style-image:none;float:left;}
#shareTabs a {background: url(../assets/email_embed_tabs.png) no-repeat;display:block;width: 46px;height: 44px;padding:0px;margin:0px;	}
#shareTabs a:hover {background-color:#ccc;}
#shareTabs a:focus {background-color:#000;}
#shareTabs a.current {background-color:#295c72;}
#shareTabs #embedTab {background-position:right;}
#shareTabs #emailTab {background-position:left;}
/* container for each pane: video, embed and email */
#panes {background:#295c72 url(../assets/h600.png) repeat-x;height:340px;width:480px;float:left;color:#fff;position:relative;z-index:1;	border:2px solid black;outline:1px solid #666;font-family:verdana;font-size:12px;-moz-outline-radius:4px;}
/* embed and email pane */
#emailPane, #embedPane {display:none;margin:10px;}
/* player container style */
#player {display:block;	height:340px;text-align:center;color:#fff;text-decoration:none;cursor:pointer;background-color:#000;}
#panes input, #panes textarea {width:430px;font-size:12px;font-family:verdana;border:1px inset #666; padding:2px;}
#panes textarea {padding:4px;height:100px;}
#panes button {border:1px outset #ccc;cursor:pointer;background-color:#f9f9fa;}
#panes label.left {float:left;margin-right:15px;}
#panes label.left input {width:180px;}
#embedPane textarea {height:180px;background-color:transparent;	overflow-x:hidden;color:#BBBBBB;padding:4px;}
/* close image */
div.close {background:url(../assets/close.png) no-repeat;position:absolute;top:5px;right:5px;width:35px;height:35px;cursor:pointer;}
/* schoolIntro.aspx */
.schoolBox {margin-top:-10px;}
.schoolintro {width:700px; clear:both; border-bottom:2px dashed orange; padding:10px 0 10px 0; overflow:auto;}
.schoolintro .thumbnail {width:155px;float:left;}
.schoolintro .thumbnail img {padding:1px;background:orange;}
.schoolintro .name {margin:0; padding:0;float:left; margin-right:10px; }
.schoolintro .name span {color:brown; font-size:18px;}
.schoolContent {width:515px;float:left; padding:0 10px;}
.schoolContent .location {margin:0; padding:0; font-size:15px; color:#555;}
.schoolContent .location span {margin:0; padding:0; font-size:15px; color:#555;}
.schoolContent .points {margin:0; padding:0;clear:both;}
.schoolContent .points b{font-size:14px;color:navy;}
.schoolContent .points span{font-size:14px; color:#666; margin-right:10px;}
.schoolContent .shtDescription {font-size:14px; color:#555; margin:10px 0 10px 0;font-weight:normal;}
.schoolContent .course {padding:0;font-size:13px;color:#666;}
.schoolContent .course span {margin-right:10px;}
.schoolContent .course b{color:#555;}
.schoolContent .course a {font-size:14px; color:#0066FF;margin-right:10px;text-decoration:none;margin-right:10px;display:block;}
.schoolContent .course a:hover {color:#FF0000;text-decoration:underline;}
.schoolContent .course span .null {display:none; height:0;}
.paginationstyle{ /*Style for demo pagination divs*/width: 300px;text-align: center;padding: 2px 0;margin: 10px auto 0 auto;}
.paginationstyle a{ /*Pagination links style*/padding: 0 5px;margin:0 5px;text-decoration:none !important;border: 1px solid gray;color: #555;background-color: white;}
.paginationstyle a:hover, .paginationstyle a.selected{color: #000;background-color:#FFCC00;text-decoration:none;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/color: white !important;background-color:#0099FF;}
/* propertyCategory.htm */
p#bodyText {font-size:13px; color:#333;margin:0; padding:10px 10px 0 10px;line-height:18px;}
/* procedures.htm, buystages.htm */
h3#boldHeader {fontsize:14px; color:brown;margin:5px 0 0 0;padding:0;}
p#bodyText2{color:#333;font-size:13px; line-height:18px; padding: 0 0 5px 15px;margin:0;}
table#tbBuyStage{margin:5px 0 0 15px; padding:0;} 
table#tbBuyStage img{width:18px;} 
table#tbBuyStage td{font-size:14px; color:brown; padding:3px;} 
ul#buyStageLegend {padding:0 0 0 25px; margin:0 0 0 20px; font-size:15px; color:brown;}
ul#buyStageLegend li {color:brown;line-height:14px;padding:0; margin:0;}
ul#buyStageLegend li span{color:#333;font-size:12px;}
#table1 td, #table2 td, #table3 td, #table4 td, #table5 td {color:#333; padding:3px 10px; font-size:12px;}
#table4 th {color:white; font-size:12px;}
#table4 .red{color:#FF0000; font-size:13px;}
#table4 td {text-align:center;}
#table4 .footnote {text-align:left;background:#EEEEEE;}
.buyStageList {margin:0 0 0 15px; padding-left:20px;color:navy; font-size:13px; list-style-image:url(../assets/orangeDot.png)}
.buyStageList2{margin:0 0 0 15px; padding-left:20px;color:#333; font-size:13px; list-style-image:url(../assets/orangeDot.png)}
.buyStageList2 li {margin-bottom:2px;}
.buyStageList2 li span{color:navy;font-size:13px;font-weight:bold;}
.buyStageListNum{margin:0 0 0 15px; padding-left:20px;color:navy; font-size:13px;}
.buyStageListNum li{margin-bottom:2px;}
th.leftHeader {background:#AC6100;}
#table5 .borderCell {color:#333; padding:6px 10px; font-size:12px;border:1px solid gray; background:#FFFFCC;}
#table5 th {padding:3px 5px; color:white; font-size:12px; background:#AC6100;}