@charset "utf-8";

/*-----------------------------00_index------------------------------------*/
body{margin:0 auto;padding:0;background:#E8E8E8;font-size: 13px;}

#wrapper{margin: 0 auto;width:900px;background:url(../img/indexBG_m.jpg) repeat-y top;}
#space{height:20px;background:#E8E8E8;}

#header{height:90px;background:url(../img/header_bg.gif) top center no-repeat;position:relative;}
#header h1{margin:0;padding:36px 0 0 30px;float:left;z-index:4; text-align:left;position:relative;line-height:340%;}

/*#CreatopLogo{margin:0;padding:26px 0 0 30px;width:148px;float:left;}*/
#header div.right{float:right;width:550px;padding-right:20px;}
#header div.right2{float:right;width:430px;padding-right:20px;z-index:3;position:relative;}

/*#header div.right2{float:right;width:600px;padding-right:20px;}*/
#header div.country{float:right;margin:16px 4px 20px 0px;*margin:16px 4px 20px 0px !important;*margin:16px 0px 20px 0px;}
#header div.country2{float:left; }
#header div.country ul{margin:0;padding:0;font-size:12px;}
#header div.country li{float:left;list-style:none;margin:0 5px;}
#header div.country ul a{color:#999999;text-decoration:none;}
#header div.country ul a:hover{color:#999999;text-decoration:underline;}
.country_line{background:url(../img/countryline.gif) no-repeat;background-position:right;padding-right:10px;}
#header div.creatopmenu{width:100%;float:right;}
#header div.creatopmenu ul{margin:0;padding:0;float:right;}
#header div.creatopmenu li{display:inline;padding-left:8px;}
#header div.creatopmenu ul a{text-decoration: none;text-align:center;color:#000000;padding:0 10px 0 15px;}
#header div.creatopmenu ul a:hover{
background:url(../img/NavigationIcon.gif) no-repeat 0 2px;
_background:url(../img/NavigationIcon.gif) no-repeat 0 11px;
*background:url(../img/NavigationIcon.gif) no-repeat left 0px;
background:url(../img/NavigationIcon.gif) no-repeat left center\0;
color:#990000;}
/*#title{float:left;width:200px;margin:55px 0 0 0;margin:0; text-align:left;z-index:3;position:absolute; background:#ff6600}*/
.title{ font-size:20px; font-weight:bold;color:#000; line-height:200%;}

/*-----------------------------index'a creatopmenu------------------------------------*/
#header div._right{float:right;width:545px;padding-right:20px;_padding-right:40px;}
#header div.country1{float:right;margin:16px 0 20px 0;_padding-right:25px;}
#header div.country1 ul{margin:0;padding:0;font-size:12px;}
#header div.country1 li{float:left;list-style:none;margin:0 5px;}
#header div.country1 ul a{color:#999999;text-decoration:none;}
#header div.country1 ul a:hover{color:#999999;text-decoration:underline;}

#header div.creatop_menu{width:100%;_width:620px;float:right;_padding-right:20px;}
#header div.creatop_menu ul{margin:0;padding:0;float:right;}
#header div.creatop_menu li{display:inline;padding-left:8px;}
#header div.creatop_menu ul a{text-decoration: none;text-align:center;color:#000000;padding:0 10px 0 15px;}
#header div.creatop_menu ul a:hover{
background:url(../img/NavigationIcon.gif) no-repeat  0 2px;
_background:url(../img/NavigationIcon.gif) no-repeat 0 11px;
*background:url(../img/NavigationIcon.gif) no-repeat left 0px;
background:url(../img/NavigationIcon.gif) no-repeat left center\0;
color:#990000;}
/*--01_portfolio menu--*/
#header div.right_portfolio{float:right;width:550px;padding-right:20px;}
#header div.countryz{float:right;padding:16px 0 20px 0;_padding:16px 0 10px 0;*padding:16px 0 5px 0;padding:16px 0 17px 0\0;}
#header div.countryz ul{margin:0;padding:0;font-size:12px;}
#header div.countryz li{float:left;list-style:none;margin:0 5px;}
#header div.countryz ul a{color:#999999;text-decoration:none;}
#header div.countryz ul a:hover{color:#999999;text-decoration:underline;}
#header div.portfoliomenu{width:550px;float:right;}
#header div.portfoliomenu ul{margin:0;padding:0;float:right;}
#header div.portfoliomenu li{margin:0;padding:0;display:inline;float:left;width:105px;line-height:180%;line-height:252%\0;*line-height:420%;}
#header div.portfoliomenu ul a{text-decoration:none;text-align:center;color:#000000;}
#header div.portfoliomenu ul a:hover{
	background:url(../img/menu_bg.jpg) repeat-x left top;
	padding:15px 10px 15px 10px;
	_padding:15px 10px 45px 10px;
	text-decoration: underline;
}

#banner{
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	width: 840px;
}

#content{margin:0 auto; text-align:left;}
.center{text-align:center; margin:0; padding:0}
#ContentUs .title{width:100%; display:block;}
#WrapperBGtop{
    width:900px;
    background:#E8E8E8;
    position:relative;
}
#WrapperBottom{
    width:100%;
    background:#BD0000;
    position:relative;
}
#IndexBGtop{
	width:900px;
	background:#E8E8E8 url(../img/indexBG_top.jpg) no-repeat left top;
	position:relative;
	height: 9px;
	margin-top: 19px;
}
#IndexBGm{
	width:900px;
	background:#E8E8E8 url(../img/indexBG_m.jpg) repeat-y left top;
	height: 100%;
	text-align: left;	
}
#IndexBottomBG{
	width:900px;
	background:#E8E8E8 url(../img/indexBG_m2.jpg) repeat-y left top;
	height: 100%;
	text-align: left;	
}
#Header{
	width:852px;
	margin: 9px 24px 0px 24px;
	padding:0px 5px 0px 5px;
}



#IndexAD{
   margin: 20px 30px 0px 30px;
}
#IndexContent1{
   margin: 16px 40px 0px 40px;
   height:260px;
}
#IndexShowcut{
   float:left;
   width:390px;
   height:100%;
}
#IndexShowcut strong{ font-weight:normal;}

#IndexShowcutL{
   float:left;
   width:185px;
   height:60px;
   margin-right:18px;
}
#IndexShowcutR{
   float:right;
   width:185px;
   height:60px;
}
#IndexNewworks{float:right;width:390px;height:100%;text-align:right; padding-top:15px;}
#IndexNewworks a,a:hover{text-decoration:none;}

#Partition{
	background:#FFFFFF url(../img/partition.jpg) no-repeat left top;
	height: 10px;
	margin: 40px 30px 20px 30px;
}
#IndexContent2{
   margin:20px 40px 0 40px;
   padding-bottom:20px;
   display:block;
   clear:both;
   height:1%;overflow:auto;
}
#IndexAbout{
   float:left;
   width:250px;
   margin-right:25px;
}
#IndexAboutQuicklink{
   width:250px;
   margin-top:-10px;
   height:100%;
}
#IndexAboutQuicklink ul{
   list-style:none;
   margin:0px;
   padding:0px;
}
#IndexAboutQuicklink li{
   margin:0px;
   padding:0px;
}
#IndexAboutQuicklink a{
	background: #FFFFFF url(../img/arrow03.gif) no-repeat left 12px;
	padding: 4px 0px 4px 10px;
	display:block;
	width:250px !important;
	width /**/:250px;
	color:#666666;
	text-decoration:underline;
}
#IndexAboutQuicklink a:hover{
	color:#990000;
	text-decoration:underline;
}
#IndexPortfolio{float:left;width:390px;margin-right:25x;height:100%;}
#IndexPortfolio div.box{clear:both;height:100%;margin-bottom:20px;*margin-bottom:20px !important;*margin-bottom:20px;padding-bottom:100px;*padding-bottom:0px !important;*padding-bottom:0px;}
#IndexPortfolio div.img{float:left;padding:3px;border: 1px solid #BFBFBF;}
#IndexPortfolio div.txt{width:290px;float:left;padding-left:10px;line-height: 160%;height:100%;}

#IndexPortfolio h4{font-size:12px;margin:0;padding:0;}
#IndexPortfolio p{margin:0;padding:0;}


.IndexPortfolioLink{
   padding: 10px 0px 70px 0px;
}
.IndexPortfolioPicBG{
	height: 69px;
	width: 69px;
	padding: 3px;
	border: 1px solid #BFBFBF;
	float:left;
}
.IndexPortfolioTit{
   float:left;
   margin-left:5px;
}
#IndexPortfolioQuickLink{
   width:255px;
   height:100%;
   margin-top:-10px;
}
#IndexPortfolioQuickLink ul{
   list-style:none;
   margin:0px;
   padding:0px;
}
#IndexPortfolioQuickLink li{
   margin:0px;
   padding:0px;
   clear:both;
}
#IndexPortfolioQuickLink a{
   font-size: 12px;
   font-weight: bold;
   color: #4C4C4C;
   display:block;
   width:100%;
   text-decoration: underline;
   text-align:left;
}
#IndexPortfolioQuickLink a:hover{
   color: #990000;
   display:block;
   text-decoration: underline;
}
#IndexBlog{
   float:right;
   width:380px; height:100%;
}
#IndexBlogPicBG{
	width:360px;border-right:1px solid #CECECE;border-left:1px solid #CECECE;border-bottom:1px solid #CECECE;padding:9px 9px 10px 9px;margin-top:-23px;/* background:url(../img/blogpicBGbot.jpg) repeat-x bottom;*/}
.m0{margin:0;padding:0;}
#IndexBlogPicBGBot{
	background:#000 url(../img/blogpicBGbot.jpg) no-repeat left bottom;
	height:5px;
	margin-top:0px;
}

/*---footer---*/
#footer_wrapper{clear:both;background:#BD0000/*url(../img/footer_bg.gif) repeat-y top*/;height:1%;overflow:auto;}
#footer{width:800px; padding-left:88px;margin:0 auto;padding-bottom:20px;background:#ff0000;height:1%;overflow:auto;}
#footer div.text{float:left;text-align:left;padding:15px 20px 0 20px; width:200px; border-right:1px solid #ff6666;}
#footer div.textlast{border-right:0px;}
#footer ul{margin:0;padding:0; width:100%;}
#footer li{margin:0;padding:0;list-style-type:none; height:26px; line-height:26px; color:#FFFFFF; float:left; width:100%;}
#footer li span{
  float:left;
  margin-top:4px;
}
#footer a{color:#fff;}
#footer h4{color:#fff;font-size:12px;margin:0;padding:0;}

/*#Footer{
	width:852px;
	margin: 0px 30px 20px 30px;
	clear:both;
	background:#FF0000 url(../img/creatoplogo_bottom.gif) no-repeat right bottom;
}
.FooterLine{
    float:left;
	border-right: 1px solid #FF5858; 
	padding:0px 15px 0px 20px ;
	height:100%;
}
.FooterTit{
   display:block;
   width:auto;
   text-decoration: none;
   text-align:left;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   padding-top:15px;  
}
.FooterLink{
   width:auto;
   height:100%;
   margin:-10px 0px 0px 0px ;
}
.FooterLink ul{
   list-style:none;
   margin:0px;
   padding:0px;
}
.FooterLink li{
   margin:0px;
   padding:0px ;
}
.FooterLink a{
	display:block;
	width:100%;
	text-decoration: none;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 150%;
}
.FooterLink a:hover{
   color: #FFFFFF;
   text-decoration: underline;   */
}
/*-----------------------------02_blog------------------------------------*/
#BlogH1tit{
   float:left;
   padding-top:38px;
   padding-left:165px;
   position:absolute;
   width:148px;height:57px;
}
#BlogAD{
   margin: 20px 6px 0px 6px;
}
#BlogContent{margin:10px 30px 0px 30px;padding-bottom:20px;height:1%;overflow:auto;}
#BlogTheme{float:left;width:608px;*width:608px !important;*width:598px;margin-right:20px;height:100%;}
.BlogThemeList{float:left;width:608px;*width:608px !important;*width:596px;margin:0px 0px 20px 0px;border: 1px solid #DFDFDF;text-align: left;}
#BlogDetail{padding:20px 12px 0px 18px ;}
#BlogDetail div.BlogThemeTxt{font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;margin:6px 18px 20px 12px;*margin:6px 18px 20px 12px !important;*margin:6px 3px 20px 12px;line-height: 180%;text-align: left;}
.BlogThemeList0{float:left;width:580px; margin:0px 0px 20px 0px;}

.BlogTitLine{padding:0 0 5px 0;}
.BlogTitLine h2{margin:0;padding-left:10px;}

.BlogMoreTheme{float:right;margin:0;font-size:12px;color:#990000;}
.BlogMoreTheme a{color:#990000;text-decoration:none;}
.BlogMoreTheme a:hover{text-decoration:underline;}

.BlogThemeH1tit{font-family: "Times New Roman", Times, serif;color:#990000;font-size: 20px;font-weight: bold;text-decoration: none;margin:20px 0px -12px 0px;line-height: 130%;text-align: left;width:100%;background: url(../img/arrow02.gif) no-repeat left 7px;padding-left:10px;}
.BlogThemeH1tit a{color:#990000;text-decoration: none;width:100%;}
.BlogThemeH1tit a:hover{color: #990000;text-decoration: underline;width:100%;}

.BlogThemeDate{font-family: "Times New Roman", Times, serif;font-size: 12px;font-weight: normal;color: #999999;text-decoration: none;margin:18px 0px 10px 12px;line-height: 130%;text-align: left;}
.BlogThemeTxt{font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;margin:6px 18px 20px 12px;*margin:6px 18px 20px 12px !important;*margin:6px 3px 20px 12px;line-height: 180%;text-align: left;}
.BlogThemePic{margin:0px 0px 0px 12px;text-align: left;}
#QuickLink{float:right;width:212px;}
#QuickLink h2{background:none; padding:0;}

.BlogSupport{
   width:230px;
   height:100%;
   margin-top:-10px;
}
.BlogSupport ul{
   list-style:none;
   margin:0px;
   padding:0px;
}
.BlogSupport li{
   margin:0px;
   padding:0px;
}
.BlogSupport a{
   font-size: 12px;
   font-weight: bold;
   color: #4D4D4D;
   display:block;
   width:100%;
   text-decoration: underline;
   text-align:left;
}
.BlogSupport a:hover{
   color: #990000;
   display:block;
   text-decoration: underline;
}
.BlogSupportPicBG{
	height: 50px;
	width: 50px;
	padding: 3px;
	border: 1px solid #BFBFBF;
	float:left;
}
.BlogSupportTit{
   float:right;
   margin-left:10px;
   width:145px;
}
.BlogSupportLink{
   padding: 5px 0px 40px 10px;
   float:both;
}
#BlogSupportArea{margin:1px 0 20px 0;}
#BlogSupportArea div.box{height:70px;}
#BlogSupportArea div.pic{padding:1px;border:1px solid #BFBFBF;float:left;}
#BlogSupportArea div.text{float:left;padding-left:17px;}
#BlogSupportArea a{color:#000000;font-weight:bold;}
#BlogSupportArea a:hover{color:#990000;}

.BlogThemeReply{float:left;width:608px;*width:608px !important;*width:606px;margin:0px 0px 20px 0px;border: 1px solid #DFDFDF;paddind-left:18px;text-align: left;}
#reply{padding:20px 18px 0px 18px ;}
#reply ul{margin:0px 0px 30px 0px;padding:0;list-style:none; text-align:left;}
#reply li{}
.board{color:#990000;margin:0px 12px 0px 12px;}
.boardtxt{margin:0px 12px 0px 12px;}

#replyformTitle{border-bottom:2px #990000 solid;border-top:1px dashed #9e9e9e;height:35px; margin-bottom:20px;padding:0px 12px 0px 12px ;background-color:#F3F3F3;}
#replyformTitle div.left{float:left;padding:9px 0px 0px 0px ;}
#replyformTitle div.right{float:right; padding:7px 0px 0px 0px ;}
#replyform{clear:both;}


#nav{color:#000000;text-align:right;border-bottom:1px dashed #999;margin:5px 0px 0px 0px;width:570px;*width:570px !important;*width:570px;padding-bottom:7px;}
#nav span.ArrowL{background: url(../img/b_prev.gif) no-repeat left -1px;*background: url(../img/b_prev.gif) no-repeat left -3px !important;*background: url(../img/b_prev.gif) no-repeat left -3px;padding-left:12px;}
#nav span.ArrowR{background: url(../img/b_next.gif) no-repeat right -1px;*background: url(../img/b_next.gif) no-repeat right -3px !important;*background: url(../img/b_next.gif) no-repeat right -3px;padding-right:10px;}
#nav a{color:#999; text-decoration:none;}
#nav a:hover{color:#cc0000;text-decoration:underline;}

#blogShortCut{}
.shortcut{margin-bottom:10px;}

#BlogOverContent{margin:20px 30px 0px 30px;padding-bottom:20px;height:1%;overflow:auto;}
#content h2{background:none; padding:0; margin-top:0px; background:url(../img/arrow02.gif) no-repeat left center; padding-left:14px;}
#content h2 font{font-weight:normal; font-size:12px;}
#BlogOverSummaryArea{float:left;margin:1px 0px 20px 0px;width:203px;height:100%;padding-right:20px;}
#BlogOverSummaryArea h2{color:#000000;font-weight:bold;font-size: 12px;}
#BlogOverSummaryArea div.text{color:#666666;font-weight:normal;float:left;padding-left:15px;margin-right:30px;}
#BlogOverSummaryArea div.pic{padding-bottom:10px;}
#BlogOverSummaryArea a{color:#CC0000;font-weight:normal;}
#BlogOverSummaryArea a:hover{color:#990000;}

#BlogOverArticalArea{float:left;margin:1px 0px 20px 0px;width:385px;height:100%;}
#BlogOverArticalArea div.box{height:102px;margin-bottom:10px;}
#BlogOverArticalArea div.pic{float:left;width:90px;}
#BlogOverArticalArea div.text{float:left;width:270px;line-height: 160%;}
#BlogOverArticalArea div.textTit{color:#000000;font-weight:bold;line-height: 160%}
#BlogOverArticalArea div.MoreArtical a{float:right;color:#CC0000;font-weight:normal;text-decoration: none;}
#BlogOverArticalArea div.MoreArtical a:hover{float:right;color:#CC0000;font-weight:normal;text-decoration: underline;}
#BlogOverArticalArea div.textSummary{color:#666666;font-weight:normal;}
#BlogOverArticalArea a{color:#000000;font-weight:none;}
#BlogOverArticalArea a:hover{color:#990000;}


#BlogCategoryArea{margin:1px 0px 20px 0px;border-bottom: 2px solid #333333;width:auto;height:100%;}
#BlogCategoryArea div.CategoryText{ margin:-10px 0 20px 0; }
#BlogCategoryArea div.CategoryText a{ padding-left:23px; background: url(../img/b_next.gif) no-repeat left 6px; }
#BlogCategoryArea a{color:#4C4C4C;font-weight:normal;padding: 4px 0px 4px 0px;display:block;}
#BlogCategoryArea a:hover{color:#CC0000;font-weight:bold;}
#BlogCategoryArea ul{margin:0;padding:0;}
#BlogCategoryArea li{margin:0;padding:0;list-style-type:none;}

#BlogOverPhotoArea{margin:0px 0px 0px 0px ;padding-bottom:10px;*padding-bottom:20px !important ;*padding-bottom:20px;border-bottom: 2px solid #333333;height:100%;}
.BlogOverPhotoPic{margin:0px 0px 0px 0px ;*margin:-5px 0px 0px 0px  !important;*margin:-5px 0px 0px 0px ;}

#BlogRSSReader{clear:both;text-align: right;margin:20px 0px 0px 0px ;}

#BlogArticalQuickListArea{margin:1px 0px 20px 0px;}
#BlogArticalQuickListArea span.Number{float:left;color:#BD0812;font-weight:bold;font-size: 12px;}
#BlogArticalQuickListArea div.ArticalListText{float:left;margin:0px 0 20px 0;*margin:-5px 0 20px 0 !important;*margin:-5px 0 20px 0;color:#4C4C4C;font-weight:bold;display:block;clear:both;line-height: 160%;font-size: 12px;}
#BlogArticalQuickListArea a{color:#4C4C4C;padding:0px 0px 0px 23px;display:block;margin:-3px 0px 16px 0px;*margin:-17px 0px 12px 0px !important;*margin:-17px 0px -4px 0px;}
#BlogArticalQuickListArea a:hover{color:#990000;}
#BlogArticalQuickListArea ul{margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px ;}
#BlogArticalQuickListArea li{margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px ;list-style-type:none;}
#BlogOverPhotoArea p.BlogThemeTxt{
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	text-decoration:none;
*margin:6px 18px 20px 0px !important;*margin:6px 3px 20px 0px;	line-height: 180%;
	text-align: left;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 0px;
}

#BlogListPageTit{margin:0 30px 0 30px;height:61px;overflow: hidden;font-size: 20px;font-weight: bold;color: #FFFFFF;text-decoration: none;text-align: right;padding:17px 24px 0px 0px;padding:*21px 24px 0px 0px !important;*padding:21px 24px 0px 0px;}

/*-----------------------------01_Portfolio------------------------------------*/
#PortfolioPageTitBG{
	margin:0 6px 0 6px;
	height:54px;
	width:840px;
	overflow: hidden;
	background:url(../img/portfolio_TitBG.jpg) no-repeat left top;
	padding:14px 24px 0px 24px;
}
#PortfolioPageTit{
    float:right;
	width:300px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	margin-top:0px;
}
#PortfolioSearch{float:left;}
#PortfolioBG{
	margin: -17px 6px 0px;
	background:#1E1E1E url(../img/portfolioBGm.jpg) repeat-y left bottom;
	border-bottom:4px solid #000000;
	height:1%; overflow:auto; 
}
#PortfolioBGtop{
   background:#1E1E1E url(../img/portfolioBGtop.jpg) no-repeat left top;
   padding:24px 10px 0px 10px ; 
   height:100%;   
}
.PortfolioList{
   float:left;
   width:190px;
   margin:0 10px;_margin:0 4px;
   height:100%;
}
.PortfolioList2{
   float:right;
   width:198px;
   height:100%;
}
.PortfolioPicBG{width:198px;height:130px;padding:4px;display:block;}
.PortfolioPicBG a{padding:4px;display:block;}
.PortfolioPicBG a:hover{background:#4b4b4b;/*background:url(../img/worksBG.jpg) no-repeat;background-position: left top;*/}

.PortfolioTit{width:198px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:transparent;
	background-image:none!important;
	margin:15px -3px 10px 0 !important;
	padding-left:10px;
}
.PortfolioTit a{
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.PortfolioTit a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.PortfolioTxt{width:196px;/*letter-spacing:-1px;*/
	font-size: 12px;
	line-height: 170%;
	font-weight: normal;
	color: #B6B6B6;
	text-decoration: none;
	margin:-5px 0 30px 0;
	padding-left:10px;
}
.PortfolioLine{
	margin: 25px 0px ;display: block;height:1%;overflow:hidden;
	border-bottom: 1px solid #333333;
}
.PortfolioLine2{
	margin: 25px 0px ;
	display: block;
	height:100%;
}
/*-----------------------------04_contact------------------------------------*/
#ContentUs{margin:20px 30px 0 30px; padding-bottom:20px;height:1%;overflow:auto;}
#ContentUs div.left{float:left;width:500px;margin-right:30px;}
#ContentUs div.left p span{display:block;font-size:14px; font-weight:bold; margin:0px; padding:0px; padding-left:17px; background:url(../images/a_logo2.gif) no-repeat left 5px;}
#ContentUs div.left2{width:auto;}
#ContentUs div.right{float:left;width:310px;}
#ContentUs h2{margin-top:0;padding:0; padding-left:12px;}
#ContentUs h2 font{font-weight:normal;}
/*-----------------------------03 album ------------------------------------*/
#creatopAlbum{margin:20px 20px 0 10px;padding-bottom:20px;height:1%;overflow:auto;}
#creatopAlbum div.albumFlash{float:left;width:750px;}
#creatopAlbum div.albumTitle{float:left;width:100px; padding-top:20px;}
#creatopAlbum div.albumOverview{clear:both;margin-left:12px;padding-top:10px;}
#creatopAlbum div.box{height:100px;width:230px;margin-right:20px;margin-bottom:10px;float:left;}
#creatopAlbum div.img{float:left;padding:3px;border: 1px solid #BFBFBF;}
#creatopAlbum div.txt{float:left;padding-left:10px;width:140px;}
#creatopAlbum h3{
	padding-left:10px;font-weight:bold;color:#000000;text-decoration:none;font-size:14px;line-height:150%;
	background:#FFFFFF url(../img/arrow02.gif) no-repeat left ;
	_background:#FFFFFF url(../img/arrow02.gif) no-repeat left 2px;
	*background:#FFFFFF url(../img/arrow02.gif) no-repeat left 2px;
	background:#FFFFFF url(../img/arrow02.gif) no-repeat left 2px\0;
}
#creatopAlbum h3 a{text-decoration:none;}
#creatopAlbum h3 a:hover{color:#990000;}
#creatopAlbum h4{margin:0;padding:0;font-size:14px;line-height:150%;}
#creatopAlbum p{margin:0;padding:0;}

/*-----------------------------05_webdesign-photoalbum------------------------------------*/
#photoOverTopBG{margin: 0 auto;background:url(../img/photo_OvertopBG_m.jpg) repeat-x;}
#photoOverTopBGm{margin: 0 auto;background:url(../img/photo_OvertopBG_m2.jpg) no-repeat center top;width:1014px;}
#PhotoTopmenuBG{margin: 0 auto;height:52px;width:890px;}
#PhotoTopmenuBG div.country{float:right;margin:16px -6px 0px 0px;*margin:16px -6px 0px 0px !important;*margin:16px -11px 0px 0px;}
#PhotoTopmenuBG div.country ul{margin:0;padding:0;font-size:12px;}
#PhotoTopmenuBG div.country li{float:left;list-style:none;margin:0 5px;}
#PhotoTopmenuBG div.country ul a{color:#ffffff;text-decoration:none;}
#PhotoTopmenuBG div.country ul a:hover{color:#ffffff;text-decoration:underline;}
.country_line{background:url(../img/countryline.gif) no-repeat;background-position:right;padding-right:10px;}

#photoBG_wrapper{clear:both;margin: 0 auto;background:url(../img/photo_BG.jpg) repeat;height:100%;overflow:auto;}
#photoBG{width:890px;*width:890px !important;*width:934px;margin: 0 auto;background:url(../img/photo_BG_m.jpg) repeat-y center top;height:1%;overflow:auto;padding:22px;*padding:22px  !important;*padding:22px ;}
#photoBG div.left{float:left;width:318px;text-align: left;margin-left:22px;padding-right:50px;}
#photoBG p.text{text-align:left;padding:20px 20px 20 0px;color:#ffffff;font-size: 12px;font-weight: normal;text-decoration: none;}
/*相片簿類別選單*/
#photoBG div.right{float:right;width:478px;text-align: left;margin-right:22px;}
#photoBG div.OverList{float:left;width:478px;padding-bottom:35px;}
#photoBG div.OverLink{float:left;width:221px;margin-right:36px;}
#photoBG div.OverLink2{float:left;width:221px;}
#photoBG div.OverPic{float:left;width:80px;*width:80px !important;*width:70px;height:45px;padding-right:10px;}
#photoBG div.OverLinkListArea{float:left;width:131px;}
#photoBG div.OverLinkTit a{width:119px;float:left;text-decoration: none;text-align:left;font-size: 14px;font-weight: bold;color: #ffffff;background: url(../img/arrow01.gif) no-repeat left 2px;padding:0px 0px 5px 12px ;line-height: 120%;}
#photoBG div.OverLinkTit a:hover{background: url(../img/arrow02.gif) no-repeat left 2px;color: #999999;}
#photoBG div.OverLinkTxt{float:left;text-decoration: none;text-align:left;font-size: 12px;font-weight: normal;color: #b2b2b2;padding-left:12px;line-height: 160%;}
/*
#photoBG ul{margin:0;padding:0;}
#photoBG li{float:left;margin:0;padding:0;list-style-type:none;width:221px;background-color:#0099CC;}
#photoBG a{margin:0px 0px 15px 0px;display:block;text-decoration: none;text-align:left;font-size: 14px;font-weight: bold;color: #ffffff;background: url(../img/arrow01.gif) no-repeat left 2px;padding-left:15px;line-height: 120%;}
#photoBG a:hover{background: url(../img/arrow02.gif) no-repeat left 2px;color: #999999;}
*/
#photoDetailTopBG{margin: 0 auto;background:url(../img/photo_DetailtopBG_m.jpg) repeat-x;overflow:auto;padding-bottom:40px;}
#photoDetailTopBGm{margin: 0 auto;background:url(../img/photo_DetailtopBG_m2.jpg) no-repeat center top;overflow:auto;width:1014px;}


.cot{
  width:95%;
  margin:15px auto;
}
.cot ul{
  height:20px;
  overflow:hidden;
}
.cot ul li{
  float:left;
  margin-right:40px;
}



.ask{
  width:520px;
  float:right;
}
.ask h2{
  font-size:12px;
  background:none;
  padding:0px!important;
  margin:0px;
  background:none !important;
}
.askcot p{
  margin:10px auto;
  padding:0px;
}
.ask h4{
  overflow:hidden;
  text-align:right;
  border-bottom:1px dashed #999999;
}
.ask h4 a{
  color:#4a5c9c;
  text-decoration:none;
}
.ask h4 a:hover{
  text-decoration:underline;
}
ul.wonderfulask{
  list-style:none;
  padding-left:0px;
  margin-left:0px;
}
ul.wonderfulask li{
  width:274px;
  line-height:27px;
  border-bottom:1px dotted #CCCCCC;
  overflow:hidden;
  background:url(../img/dot.gif) no-repeat 5px center;
  padding-left:13px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
ul.wonderfulask li a{
  text-decoration:none;
}
ul.wonderfulask li a:hover{
  text-decoration:underline;
}
.wtfl{
  border-bottom:2px solid #4a5c9c;
  line-height:25px;
  background-position:left 6px;
  padding-bottom:5px!important;
}
.askclass a{
  line-height:26px;
  text-decoration:none;
  margin:0px 6px;
  font-weight:bold;
  font-size:13px;
}
.askclass span{
  color:#d40813;
  font-weight:bold;
  font-size:13px;
}
.askclass a:hover{
  text-decoration:underline;
}
.show_page{
  margin:15px auto 0px auto;
  text-align:center;
}


.contact_message{
  width:400px;
  height:94px;
  padding-top:0px;
  margin:20px auto;
  background:url(../img/contact_message_bg.gif);
  line-height:26px;
}
.contact_message p{
  margin-left:15px;
  padding-top:8px;
  color:#2E2C27;
}
.contact_message span{
  font-size:15px;
  font-weight:bold;
}
.contact_message p a{
  color:#FF3300;
  text-decoration:none;
}